less 4.9.1 → 5.0.0-alpha.10

package/lib/less-browser/image-size.js

@@ -1,28 +0,0 @@
-
-import functionRegistry from './../less/functions/function-registry.js';
-
-export default () => {
-    function imageSize() {
-        throw {
-            type: 'Runtime',
-            message: 'Image size functions are not supported in browser version of less'
-        };
-    }
-
-    const imageFunctions = {
-        'image-size': function(filePathNode) {
-            imageSize(this, filePathNode);
-            return -1;
-        },
-        'image-width': function(filePathNode) {
-            imageSize(this, filePathNode);
-            return -1;
-        },
-        'image-height': function(filePathNode) {
-            imageSize(this, filePathNode);
-            return -1;
-        }
-    };
-
-    functionRegistry.addMultiple(imageFunctions);
-};

package/lib/less-browser/index.js

@@ -1,284 +0,0 @@
-//
-// index.js
-// Should expose the additional browser functions on to the less object
-//
-import {addDataAttr} from './utils.js';
-import lessRoot from '../less/index.js';
-import browser from './browser.js';
-import FM from './file-manager.js';
-import PluginLoader from './plugin-loader.js';
-import LogListener from './log-listener.js';
-import ErrorReporting from './error-reporting.js';
-import Cache from './cache.js';
-import ImageSize from './image-size.js';
-import pkg from '../../package.json';
-
-/**
- * @param {Window} window
- * @param {Object} options
- */
-export default (window, options) => {
-    const document = window.document;
-    const less = lessRoot(undefined, undefined, pkg.version);
-
-    less.options = options;
-    const environment = less.environment;
-    const FileManager = FM(options, less.logger);
-    const fileManager = new FileManager();
-    environment.addFileManager(fileManager);
-    less.FileManager = FileManager;
-    less.PluginLoader = PluginLoader;
-
-    LogListener(less, options);
-    const errors = ErrorReporting(window, less, options);
-    const cache = less.cache = options.cache || Cache(window, options, less.logger);
-    ImageSize(less.environment);
-
-    // Setup user functions - Deprecate?
-    if (options.functions) {
-        less.functions.functionRegistry.addMultiple(options.functions);
-    }
-
-    const typePattern = /^text\/(x-)?less$/;
-
-    function clone(obj) {
-        const cloned = {};
-        for (const prop in obj) {
-            if (Object.prototype.hasOwnProperty.call(obj, prop)) {
-                cloned[prop] = obj[prop];
-            }
-        }
-        return cloned;
-    }
-
-    function loadStyles(modifyVars) {
-        const styles = document.getElementsByTagName('style');
-
-        for (let style of styles) {
-            if (style.type.match(typePattern)) {
-                const instanceOptions = {
-                    ...clone(options),
-                    modifyVars,
-                    filename: document.location.href.replace(/#.*$/, '')
-                }
-
-                const lessText = style.innerHTML || '';
-
-                /* jshint loopfunc:true */
-                less.render(lessText, instanceOptions, (err, result) => {
-                    if (err) {
-                        errors.add(err, 'inline');
-                    } else {
-                        style.type = 'text/css';
-                        if (style.styleSheet) {
-                            style.styleSheet.cssText = result.css;
-                        } else {
-                            style.innerHTML = result.css;
-                        }
-                    }
-                });
-            }
-        }
-    }
-
-    function loadStyleSheet(sheet, callback, reload, remaining, modifyVars) {
-
-        const instanceOptions = clone(options);
-        addDataAttr(instanceOptions, sheet);
-        instanceOptions.mime = sheet.type;
-
-        if (modifyVars) {
-            instanceOptions.modifyVars = modifyVars;
-        }
-
-        function loadInitialFileCallback(loadedFile) {
-            const data = loadedFile.contents;
-            const path = loadedFile.filename;
-            const webInfo = loadedFile.webInfo;
-
-            const newFileInfo = {
-                currentDirectory: fileManager.getPath(path),
-                filename: path,
-                rootFilename: path,
-                rewriteUrls: instanceOptions.rewriteUrls
-            };
-
-            newFileInfo.entryPath = newFileInfo.currentDirectory;
-            newFileInfo.rootpath = instanceOptions.rootpath || newFileInfo.currentDirectory;
-
-            if (webInfo) {
-                webInfo.remaining = remaining;
-
-                const css = cache.getCSS(path, webInfo, instanceOptions.modifyVars);
-                if (!reload && css) {
-                    webInfo.local = true;
-                    callback(null, css, data, sheet, webInfo, path);
-                    return;
-                }
-
-            }
-
-            // TODO add tests around how this behaves when reloading
-            errors.remove(path);
-
-            instanceOptions.rootFileInfo = newFileInfo;
-            less.render(data, instanceOptions, (e, result) => {
-                if (e) {
-                    e.href = path;
-                    callback(e);
-                } else {
-                    cache.setCSS(sheet.href, webInfo.lastModified, instanceOptions.modifyVars, result.css);
-                    callback(null, result.css, data, sheet, webInfo, path);
-                }
-            });
-        }
-
-        fileManager.loadFile(sheet.href, null, instanceOptions, environment)
-            .then(loadedFile => {
-                loadInitialFileCallback(loadedFile);
-            }).catch(err => {
-                console.log(err);
-                callback(err);
-            });
-
-    }
-
-    function loadStyleSheets(callback, reload, modifyVars) {
-        for (let i = 0; i < less.sheets.length; i++) {
-            loadStyleSheet(less.sheets[i], callback, reload, less.sheets.length - (i + 1), modifyVars);
-        }
-    }
-
-    function initRunningMode() {
-        if (less.env === 'development') {
-            less.watchTimer = setInterval(() => {
-                if (less.watchMode) {
-                    fileManager.clearFileCache();
-                    /**
-                     * @todo remove when this is typed with JSDoc
-                     */
-                    // eslint-disable-next-line no-unused-vars
-                    loadStyleSheets((e, css, _, sheet, webInfo) => {
-                        if (e) {
-                            errors.add(e, e.href || sheet.href);
-                        } else if (css) {
-                            browser.createCSS(window.document, css, sheet);
-                        }
-                    });
-                }
-            }, options.poll);
-        }
-    }
-
-    //
-    // Watch mode
-    //
-    less.watch = function () {
-        if (!less.watchMode ) {
-            less.env = 'development';
-            initRunningMode();
-        }
-        this.watchMode = true;
-        return true;
-    };
-
-    less.unwatch = function () {clearInterval(less.watchTimer); this.watchMode = false; return false; };
-
-    //
-    // Synchronously get all <link> tags with the 'rel' attribute set to
-    // "stylesheet/less".
-    //
-    less.registerStylesheetsImmediately = () => {
-        const links = document.getElementsByTagName('link');
-        less.sheets = [];
-
-        for (let i = 0; i < links.length; i++) {
-            if (links[i].rel === 'stylesheet/less' || (links[i].rel.match(/stylesheet/) &&
-                (links[i].type.match(typePattern)))) {
-                less.sheets.push(links[i]);
-            }
-        }
-    };
-
-    //
-    // Asynchronously get all <link> tags with the 'rel' attribute set to
-    // "stylesheet/less", returning a Promise.
-    //
-    less.registerStylesheets = () => new Promise((resolve) => {
-        less.registerStylesheetsImmediately();
-        resolve();
-    });
-
-    //
-    // With this function, it's possible to alter variables and re-render
-    // CSS without reloading less-files
-    //
-    less.modifyVars = record => less.refresh(true, record, false);
-
-    less.refresh = (reload, modifyVars, clearFileCache) => {
-        if ((reload || clearFileCache) && clearFileCache !== false) {
-            fileManager.clearFileCache();
-        }
-        return new Promise((resolve, reject) => {
-            let startTime;
-            let endTime;
-            let totalMilliseconds;
-            let remainingSheets;
-            startTime = endTime = new Date();
-
-            // Set counter for remaining unprocessed sheets
-            remainingSheets = less.sheets.length;
-
-            if (remainingSheets === 0) {
-
-                endTime = new Date();
-                totalMilliseconds = endTime - startTime;
-                less.logger.info('Less has finished and no sheets were loaded.');
-                resolve({
-                    startTime,
-                    endTime,
-                    totalMilliseconds,
-                    sheets: less.sheets.length
-                });
-
-            } else {
-                // Relies on less.sheets array, callback seems to be guaranteed to be called for every element of the array
-                loadStyleSheets((e, css, _, sheet, webInfo) => {
-                    if (e) {
-                        errors.add(e, e.href || sheet.href);
-                        reject(e);
-                        return;
-                    }
-                    if (webInfo.local) {
-                        less.logger.info(`Loading ${sheet.href} from cache.`);
-                    } else {
-                        less.logger.info(`Rendered ${sheet.href} successfully.`);
-                    }
-                    browser.createCSS(window.document, css, sheet);
-                    less.logger.info(`CSS for ${sheet.href} generated in ${new Date() - endTime}ms`);
-
-                    // Count completed sheet
-                    remainingSheets--;
-
-                    // Check if the last remaining sheet was processed and then call the promise
-                    if (remainingSheets === 0) {
-                        totalMilliseconds = new Date() - startTime;
-                        less.logger.info(`Less has finished. CSS generated in ${totalMilliseconds}ms`);
-                        resolve({
-                            startTime,
-                            endTime,
-                            totalMilliseconds,
-                            sheets: less.sheets.length
-                        });
-                    }
-                    endTime = new Date();
-                }, reload, modifyVars);
-            }
-
-            loadStyles(modifyVars);
-        });
-    };
-
-    less.refreshStyles = loadStyles;
-    return less;
-};

package/lib/less-browser/log-listener.js

@@ -1,42 +0,0 @@
-export default (less, options) => {
-    const logLevel_debug = 4;
-    const logLevel_info = 3;
-    const logLevel_warn = 2;
-    const logLevel_error = 1;
-
-    // The amount of logging in the javascript console.
-    // 3 - Debug, information and errors
-    // 2 - Information and errors
-    // 1 - Errors
-    // 0 - None
-    // Defaults to 2
-    options.logLevel = typeof options.logLevel !== 'undefined' ? options.logLevel : (options.env === 'development' ?  logLevel_info : logLevel_error);
-
-    if (!options.loggers) {
-        options.loggers = [{
-            debug: function(msg) {
-                if (options.logLevel >= logLevel_debug) {
-                    console.log(msg);
-                }
-            },
-            info: function(msg) {
-                if (options.logLevel >= logLevel_info) {
-                    console.log(msg);
-                }
-            },
-            warn: function(msg) {
-                if (options.logLevel >= logLevel_warn) {
-                    console.warn(msg);
-                }
-            },
-            error: function(msg) {
-                if (options.logLevel >= logLevel_error) {
-                    console.error(msg);
-                }
-            }
-        }];
-    }
-    for (let i = 0; i < options.loggers.length; i++) {
-        less.logger.addListener(options.loggers[i]);
-    }
-};

package/lib/less-browser/plugin-loader.js

@@ -1,24 +0,0 @@
-/**
- * @todo Add tests for browser `@plugin`
- */
-import AbstractPluginLoader from '../less/environment/abstract-plugin-loader.js';
-
-/**
- * Browser Plugin Loader
- */
-const PluginLoader = function(less) {
-    this.less = less;
-    // Should we shim this.require for browser? Probably not?
-};
-
-PluginLoader.prototype = Object.assign(new AbstractPluginLoader(), {
-    loadPlugin(filename, basePath, context, environment, fileManager) {
-        return new Promise((fulfill, reject) => {
-            fileManager.loadFile(filename, basePath, context, environment)
-                .then(fulfill).catch(reject);
-        });
-    }
-});
-
-export default PluginLoader;
-

package/lib/less-browser/utils.js

@@ -1,30 +0,0 @@
-
-/** @param {string} href */
-export function extractId(href) {
-    return href.replace(/^[a-z-]+:\/+?[^/]+/, '')  // Remove protocol & domain
-        .replace(/[?&]livereload=\w+/, '')        // Remove LiveReload cachebuster
-        .replace(/^\//, '')                         // Remove root /
-        .replace(/\.[a-zA-Z]+$/, '')                // Remove simple extension
-        .replace(/[^.\w-]+/g, '-')                 // Replace illegal characters
-        .replace(/\./g, ':');                       // Replace dots with colons(for valid id)
-}
-
-/**
- * @param {Record<string, *>} options
- * @param {HTMLElement | null} tag
- */
-export function addDataAttr(options, tag) {
-    if (!tag) {return;} // in case of tag is null or undefined
-    for (const opt in tag.dataset) {
-        if (Object.prototype.hasOwnProperty.call(tag.dataset, opt)) {
-            if (opt === 'env' || opt === 'dumpLineNumbers' || opt === 'rootpath' || opt === 'errorReporting') {
-                options[opt] = tag.dataset[opt];
-            } else {
-                try {
-                    options[opt] = JSON.parse(tag.dataset[opt]);
-                }
-                catch (_) {}
-            }
-        }
-    }
-}

package/lib/less-node/environment.js

@@ -1,43 +0,0 @@
-import { createRequire } from 'module';
-
-const require = createRequire(import.meta.url);
-
-class SourceMapGeneratorFallback {
-    addMapping(){}
-    setSourceContent(){}
-    toJSON(){
-        return null;
-    }
-}
-
-export default {
-    encodeBase64: function encodeBase64(str) {
-        // Avoid Buffer constructor on newer versions of Node.js.
-        const buffer = (Buffer.from ? Buffer.from(str) : (new Buffer(str)));
-        return buffer.toString('base64');
-    },
-    mimeLookup: function (filename) {
-        try {
-            const mimeModule = require('mime');
-            return mimeModule ? mimeModule.lookup(filename) : 'application/octet-stream';
-        } catch (e) {
-            return 'application/octet-stream';
-        }
-    },
-    charsetLookup: function (mime) {
-        try {
-            const mimeModule = require('mime');
-            return mimeModule ? mimeModule.charsets.lookup(mime) : undefined;
-        } catch (e) {
-            return undefined;
-        }
-    },
-    getSourceMapGenerator: function getSourceMapGenerator() {
-        try {
-            const sourceMapModule = require('source-map');
-            return sourceMapModule ? sourceMapModule.SourceMapGenerator : SourceMapGeneratorFallback;
-        } catch (e) {
-            return SourceMapGeneratorFallback;
-        }
-    }
-};

package/lib/less-node/file-manager.js

@@ -1,156 +0,0 @@
-import path from 'path';
-import { createRequire } from 'module';
-import fs from './fs.js';
-import AbstractFileManager from '../less/environment/abstract-file-manager.js';
-
-const require = createRequire(import.meta.url);
-
-const FileManager = function() {}
-FileManager.prototype = Object.assign(new AbstractFileManager(), {
-    supports() {
-        return true;
-    },
-
-    supportsSync() {
-        return true;
-    },
-
-    loadFile(filename, currentDirectory, options, environment, callback) {
-        let fullFilename;
-        const isAbsoluteFilename = this.isPathAbsolute(filename);
-        const filenamesTried = [];
-        const self = this;
-        const prefix = filename.slice(0, 1);
-        const explicit = prefix === '.' || prefix === '/';
-        let result = null;
-        let isNodeModule = false;
-        const npmPrefix = 'npm://';
-
-        options = options || {};
-
-        const paths = isAbsoluteFilename ? [''] : [currentDirectory];
-
-        if (options.paths) { paths.push.apply(paths, options.paths); }
-
-        if (!isAbsoluteFilename && paths.indexOf('.') === -1) { paths.push('.'); }
-
-        const prefixes = options.prefixes || [''];
-        const fileParts = this.extractUrlParts(filename);
-
-        if (options.syncImport) {
-            getFileData(returnData, returnData);
-            if (callback) {
-                callback(result.error, result);
-            }
-            else {
-                return result;
-            }
-        }
-        else {
-            // promise is guaranteed to be asyncronous
-            // which helps as it allows the file handle
-            // to be closed before it continues with the next file
-            return new Promise(getFileData);
-        }
-
-        function returnData(data) {
-            if (!data.filename) {
-                result = { error: data };
-            }
-            else {
-                result = data;
-            }
-        }
-
-        function getFileData(fulfill, reject) {
-            (function tryPathIndex(i) {
-                function tryWithExtension() {
-                    const extFilename = options.ext ? self.tryAppendExtension(fullFilename, options.ext) : fullFilename;
-
-                    if (extFilename !== fullFilename && !explicit && paths[i] === '.') {
-                        try {
-                            fullFilename = require.resolve(extFilename);
-                            isNodeModule = true;
-                        }
-                        catch (e) {
-                            filenamesTried.push(npmPrefix + extFilename);
-                            fullFilename = extFilename;
-                        }
-                    }
-                    else {
-                        fullFilename = extFilename;
-                    }
-                }
-                if (i < paths.length) {
-                    (function tryPrefix(j) {
-                        if (j < prefixes.length) {
-                            isNodeModule = false;
-                            fullFilename = fileParts.rawPath + prefixes[j] + fileParts.filename;
-
-                            if (paths[i]) {
-                                if (paths[i].startsWith('#')) {
-                                    // Handling paths starting with '#'
-                                    fullFilename = paths[i].substr(1) + fullFilename;
-                                }else{
-                                    fullFilename = path.join(paths[i], fullFilename);
-                                }
-                            }
-
-                            if (!explicit && paths[i] === '.') {
-                                try {
-                                    fullFilename = require.resolve(fullFilename);
-                                    isNodeModule = true;
-                                }
-                                catch (e) {
-                                    filenamesTried.push(npmPrefix + fullFilename);
-                                    tryWithExtension();
-                                }
-                            }
-                            else {
-                                tryWithExtension();
-                            }                            
-
-                            const readFileArgs = [fullFilename];
-                            if (!options.rawBuffer) {
-                                readFileArgs.push('utf-8');
-                            }
-                            if (options.syncImport) {
-                                try {
-                                    const data = fs.readFileSync.apply(this, readFileArgs);
-                                    fulfill({ contents: data, filename: fullFilename});
-                                }
-                                catch (e) {
-                                    filenamesTried.push(isNodeModule ? npmPrefix + fullFilename : fullFilename);
-                                    return tryPrefix(j + 1);
-                                }
-                            }
-                            else {
-                                readFileArgs.push(function(e, data) {
-                                    if (e) {
-                                        filenamesTried.push(isNodeModule ? npmPrefix + fullFilename : fullFilename);
-                                        return tryPrefix(j + 1);
-                                    }   
-                                    fulfill({ contents: data, filename: fullFilename});
-                                });
-                                fs.readFile.apply(this, readFileArgs);
-                            }
-
-                        }
-                        else {
-                            tryPathIndex(i + 1);
-                        }
-                    })(0);
-                } else {
-                    reject({ type: 'File', message: `'${filename}' wasn't found. Tried - ${filenamesTried.join(',')}` });
-                }
-            }(0));
-        }
-    },
-
-    loadFileSync(filename, currentDirectory, options, environment) {
-        options.syncImport = true;
-        return this.loadFile(filename, currentDirectory, options, environment);
-    }
-});
-
-export default FileManager;

package/lib/less-node/fs.js

@@ -1,14 +0,0 @@
-/** @typedef {import('fs')} FS */
-import nodeFs from 'fs';
-import { createRequire } from 'module';
-
-const require = createRequire(import.meta.url);
-
-/** @type {FS} */
-let fs;
-try {
-    fs = require('graceful-fs');
-} catch (e) {
-    fs = nodeFs;
-}
-export default fs;