babel-plugin-vasille 3.1.5 → 4.0.0

package/lib-node/css-transformer.js

@@ -1,248 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findStyleInNode = findStyleInNode;
-const t = __importStar(require("@babel/types"));
-const call_js_1 = require("./call.js");
-function tryProcessProp(path, pseudo, media, internal) {
-    if (t.isObjectMethod(path.node)) {
-        throw path.buildCodeFrameError("Vasille: Object methods not supported here");
-    }
-    if (t.isSpreadElement(path.node)) {
-        throw path.buildCodeFrameError("Vasille: Spread element not supported here");
-    }
-    return processProp(path, pseudo, media, internal);
-}
-const mediaDefaults = ["mobile", "tablet", "laptop", "prefersDark", "prefersLight"];
-function processValue(name, path, pseudo, theme, media, mediaDefault, allowFallback, internal) {
-    if ((0, call_js_1.calls)(path.node, ["theme"], internal)) {
-        const call = path.node;
-        if (theme) {
-            throw path.buildCodeFrameError("Vasille: The theme seems the be defined twice");
-        }
-        if (t.isStringLiteral(call.arguments[0])) {
-            return processValue(name, path.get("arguments")[1], pseudo, `body.${call.arguments[0].value}`, media, mediaDefault, false, internal);
-        }
-        else {
-            throw path
-                .get("arguments")[0]
-                .buildCodeFrameError("Vasille: Expected string literal");
-        }
-    }
-    if ((0, call_js_1.calls)(path.node, ["dark"], internal)) {
-        if (theme) {
-            throw path.buildCodeFrameError("Vasille: The theme seem the be defined twice");
-        }
-        return processValue(name, path.get("arguments")[0], pseudo, `.dark`, media, mediaDefault, false, internal);
-    }
-    let callee;
-    if ((callee = (0, call_js_1.calls)(path.node, mediaDefaults, internal))) {
-        const index = mediaDefaults.indexOf(callee) + 1;
-        if (mediaDefault.includes(index)) {
-            return processValue(name, path.get("arguments")[0], pseudo, theme, media, mediaDefault, false, internal);
-        }
-        return processValue(name, path.get("arguments")[0], pseudo, theme, media, [...mediaDefault, index], false, internal);
-    }
-    function composeRules(value) {
-        return mediaDefault.length
-            ? mediaDefault.map(index => {
-                return {
-                    defaultMediaRule: index,
-                    mediaRule: media,
-                    pseudo: pseudo,
-                    theme: theme,
-                    rule: `${name}:${value}`,
-                };
-            })
-            : [
-                {
-                    defaultMediaRule: 0,
-                    mediaRule: media,
-                    pseudo: pseudo,
-                    theme: theme,
-                    rule: `${name}:${value}`,
-                },
-            ];
-    }
-    if (t.isStringLiteral(path.node)) {
-        return composeRules(path.node.value);
-    }
-    if (t.isNumericLiteral(path.node)) {
-        return composeRules(`${path.node.value}px`);
-    }
-    if (t.isArrayExpression(path.node)) {
-        if (path.node.elements.every(item => t.isNumericLiteral(item))) {
-            return composeRules(path.node.elements.map(item => `${item.value}px`).join(" "));
-        }
-        else if (allowFallback) {
-            return [
-                ...path
-                    .get("elements")
-                    .map(path => {
-                    if (t.isExpression(path.node)) {
-                        return processValue(name, path, pseudo, theme, media, mediaDefault, false, internal);
-                    }
-                    else {
-                        throw path.buildCodeFrameError("Vasille: Expected expression");
-                    }
-                })
-                    .flat(1),
-            ];
-        }
-        else {
-            throw path.buildCodeFrameError("Vasille: Only numbers arrays are supported here");
-        }
-    }
-    throw path.buildCodeFrameError("Vasille: Failed o parse value, it is not a string, number or array");
-}
-function processProp(path, pseudo, media, internal) {
-    let name;
-    if (t.isIdentifier(path.node.key) && !path.node.computed) {
-        name = path.node.key.name;
-    }
-    else if (t.isStringLiteral(path.node.key)) {
-        name = path.node.key.value;
-    }
-    else {
-        throw path.get("key").buildCodeFrameError("Vasille: Incompatible key, expect identifier or string literal");
-    }
-    if (name.startsWith("@")) {
-        if (media || pseudo) {
-            throw path.get("key").buildCodeFrameError("Vasille: Media queries allowed only in the root of style");
-        }
-        if (t.isObjectExpression(path.node.value)) {
-            return path.get("value")
-                .get("properties")
-                .map(item => {
-                return tryProcessProp(item, "", name, internal);
-            })
-                .flat(1);
-        }
-        else {
-            throw path.get("value").buildCodeFrameError("Vasille: Expected object expression");
-        }
-    }
-    if (name.startsWith(":")) {
-        if (pseudo) {
-            throw path.get("key").buildCodeFrameError("Vasille: Recursive pseudo classes are restricted");
-        }
-        if (t.isObjectExpression(path.node.value)) {
-            return path.get("value")
-                .get("properties")
-                .map(item => {
-                return tryProcessProp(item, name, media, internal);
-            })
-                .flat(1);
-        }
-        else {
-            throw path.get("value").buildCodeFrameError("Vasille: Expected object expression");
-        }
-    }
-    return processValue(name, path.get("value"), pseudo, "", media, [], true, internal);
-}
-function findStyleInNode(path, internal) {
-    if (t.isExportNamedDeclaration(path.node)) {
-        return findStyleInNode(path.get("declaration"), internal);
-    }
-    if (t.isVariableDeclaration(path.node) &&
-        path.node.declarations.length === 1 &&
-        (0, call_js_1.calls)(path.node.declarations[0].init, ["styleSheet"], internal)) {
-        const call = path.node.declarations[0].init;
-        const callPath = path
-            .get("declarations")[0]
-            .get("init");
-        const objPath = callPath.get("arguments")[0];
-        if (call.arguments.length !== 1) {
-            throw callPath.buildCodeFrameError("Vasille: styleSheet function has 1 parameter");
-        }
-        if (!t.isObjectExpression(call.arguments[0])) {
-            throw objPath.buildCodeFrameError("Vasille: Expected object expression");
-        }
-        for (const path of objPath.get("properties")) {
-            if (!t.isObjectProperty(path.node)) {
-                throw path.buildCodeFrameError("Vasille: Expected object property");
-            }
-            const prop = path;
-            if (!t.isObjectExpression(prop.node.value)) {
-                throw prop.get("value").buildCodeFrameError("Vasille: Expected object expression");
-            }
-            if (!((t.isIdentifier(prop.node.key) && !prop.node.computed) || t.isStringLiteral(prop.node.key))) {
-                throw prop.get("key").buildCodeFrameError("Vasille: Expected identifier of string literal");
-            }
-            const unsorted = [];
-            const sorted = {};
-            for (const path of prop.get("value").get("properties")) {
-                unsorted.push(...tryProcessProp(path, "", "", internal));
-            }
-            for (const rule of unsorted) {
-                if (!sorted[rule.defaultMediaRule]) {
-                    sorted[rule.defaultMediaRule] = {};
-                }
-                const defaultMediaRule = sorted[rule.defaultMediaRule];
-                if (!defaultMediaRule[rule.mediaRule]) {
-                    defaultMediaRule[rule.mediaRule] = {};
-                }
-                const mediaRule = defaultMediaRule[rule.mediaRule];
-                if (!mediaRule[rule.theme]) {
-                    mediaRule[rule.theme] = {};
-                }
-                const theme = mediaRule[rule.theme];
-                if (!theme[rule.pseudo]) {
-                    theme[rule.pseudo] = [];
-                }
-                theme[rule.pseudo].push(rule.rule);
-            }
-            const expressions = [];
-            for (const defaultMediaRule in sorted) {
-                for (const mediaRule in sorted[defaultMediaRule]) {
-                    for (const theme in sorted[defaultMediaRule][mediaRule]) {
-                        for (const pseudo in sorted[defaultMediaRule][mediaRule][theme]) {
-                            const rulePack = sorted[defaultMediaRule][mediaRule][theme][pseudo].join(";");
-                            const pseudoPack = pseudo ? `.{}${pseudo}{${rulePack}}` : `.{}{${rulePack}}`;
-                            const themePack = theme ? `${theme} ${pseudoPack}` : pseudoPack;
-                            const mediaRulePack = t.stringLiteral(mediaRule ? `${mediaRule}{${themePack}}` : themePack);
-                            expressions.push(defaultMediaRule !== "0"
-                                ? t.arrayExpression([t.numericLiteral(parseInt(defaultMediaRule)), mediaRulePack])
-                                : mediaRulePack);
-                        }
-                    }
-                }
-            }
-            prop.get("value").replaceWith(t.arrayExpression(expressions));
-        }
-        return true;
-    }
-    return false;
-}