@lucca-front/ng 15.0.4-alpha1 → 15.1.0-rc.2

package/schematics/migrations/css-vars/updaters/get-set.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateGetSetFunctions = void 0;
-const scss_ast_js_1 = require("../../../lib/scss-ast.js");
-const scss_value_ast_js_1 = require("../../../lib/scss-value-ast.js");
-function updateGetSetFunctions(root, postCss, postcssValueParser) {
-    root.walkAtRules((atRule) => {
-        new scss_value_ast_js_1.ScssValueAst(atRule.params, postcssValueParser).walkFunction('_getMap', () => {
-            (0, scss_ast_js_1.commentNode)(atRule, 'Passer directement par des variables CSS.', postCss);
-            return false;
-        });
-    });
-    root.walkDecls((decl) => {
-        const valueNode = new scss_value_ast_js_1.ScssValueAst(decl.value, postcssValueParser);
-        valueNode.walkFunction('_safeGet', () => {
-            (0, scss_ast_js_1.commentNode)(decl, 'Passer directement par des variables CSS.', postCss);
-            return false;
-        });
-        valueNode.walkFunction('_set', () => {
-            (0, scss_ast_js_1.commentNode)(decl, 'Créer directement des variables CSS.', postCss);
-            return false;
-        });
-        decl.value = valueNode.toString();
-    });
-}
-exports.updateGetSetFunctions = updateGetSetFunctions;

package/schematics/migrations/css-vars/updaters/icon-sizing.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateIconSizing = void 0;
-const scss_value_ast_js_1 = require("../../../lib/scss-value-ast.js");
-function updateIconSizing(root, postCss, postcssValueParser) {
-    root.walkAtRules('include', (atRule) => {
-        const valueNode = new scss_value_ast_js_1.ScssValueAst(atRule.params, postcssValueParser);
-        valueNode.walkFunction('iconSizing', (funcNode) => {
-            const size = funcNode.nodes[0].value;
-            atRule.replaceWith(new postCss.Declaration({
-                prop: 'font-size',
-                value: `calc(var(--sizes-${size}-font-size) * 1.25)`,
-            }));
-        });
-    });
-}
-exports.updateIconSizing = updateIconSizing;

package/schematics/migrations/css-vars/updaters/ie11.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeIE11ThemeSupport = void 0;
-const scss_ast_js_1 = require("../../../lib/scss-ast.js");
-const scss_value_ast_js_1 = require("../../../lib/scss-value-ast.js");
-function removeIE11ThemeSupport(root, postcssValueParser) {
-    root.walkDecls((decl) => {
-        const valueNode = new scss_value_ast_js_1.ScssValueAst(decl.value, postcssValueParser);
-        valueNode.walkFunction(/(_theme|_color|_safeGet)/, (funcNode) => {
-            const hasModeIE = funcNode.nodes[funcNode.nodes.length - 1]?.value === 'true';
-            if (hasModeIE) {
-                const { parent } = decl;
-                decl.remove();
-                (0, scss_ast_js_1.removeContainerIfEmpty)(parent);
-                return false;
-            }
-            return undefined;
-        });
-    });
-}
-exports.removeIE11ThemeSupport = removeIE11ThemeSupport;

package/schematics/migrations/css-vars/updaters/main-import.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateMainImport = void 0;
-const scss_ast_js_1 = require("../../../lib/scss-ast.js");
-function updateMainImport(root, postCss, postCssValueParser) {
-    let hasMainScss = false;
-    let hasMainNg = false;
-    root.walkAtRules('import', (atRule) => {
-        if (atRule.params.includes('scss/src/theming.overridable')) {
-            (0, scss_ast_js_1.removeImportNode)(atRule, 'scss/src/theming.overridable', postCssValueParser);
-        }
-        if (atRule.params.includes('scss/src/main.overridable')) {
-            (0, scss_ast_js_1.removeImportNode)(atRule, 'scss/src/main.overridable', postCssValueParser);
-            hasMainScss = true;
-        }
-        if (atRule.params.includes('ng/style/main.overridable')) {
-            (0, scss_ast_js_1.removeImportNode)(atRule, 'ng/style/main.overridable', postCssValueParser);
-            hasMainNg = true;
-        }
-        if (atRule.params.includes('scss/src/theming')) {
-            (0, scss_ast_js_1.removeImportNode)(atRule, 'scss/src/theming', postCssValueParser);
-        }
-        if (atRule.params.includes('scss/src/main')) {
-            (0, scss_ast_js_1.removeImportNode)(atRule, 'scss/src/main', postCssValueParser);
-            hasMainScss = true;
-        }
-        if (atRule.params.includes('ng/style/main')) {
-            (0, scss_ast_js_1.removeImportNode)(atRule, 'ng/style/main', postCssValueParser);
-            hasMainNg = true;
-        }
-    });
-    if (hasMainScss) {
-        (0, scss_ast_js_1.addForwardRule)(root, '@lucca-front/icons/src/main', postCss);
-        (0, scss_ast_js_1.addForwardRule)(root, '@lucca-front/scss/src/main', postCss);
-    }
-    if (hasMainNg) {
-        (0, scss_ast_js_1.addForwardRule)(root, '@lucca-front/ng/src/main', postCss);
-    }
-}
-exports.updateMainImport = updateMainImport;

package/schematics/migrations/css-vars/updaters/mixins.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.replaceIncludedMixin = exports.replaceFuncMixinsWithoutInclude = void 0;
-const scss_ast_js_1 = require("../../../lib/scss-ast.js");
-const funcMixins = [
-    {
-        legacy: 'fakeborderoverlay',
-        register: 'fakeBorderOverlay',
-    },
-];
-function replaceFuncMixinsWithoutInclude(root, registry, postCss) {
-    const neededNamespaceByImport = {};
-    root.walkDecls((decl) => {
-        for (const specialMixin of funcMixins) {
-            if (!decl.value.includes(specialMixin.legacy)) {
-                continue;
-            }
-            const mixin = registry.getByName(specialMixin.register);
-            if (mixin) {
-                neededNamespaceByImport[mixin.import] = mixin.namespace;
-                decl.value = decl.value.replace(specialMixin.legacy, `${mixin.prefix}.${mixin.newName}`);
-                continue;
-            }
-            (0, scss_ast_js_1.commentNode)(decl, 'Mixins avec fonction non gérée par la migration auto.', postCss);
-        }
-    });
-    updateMixinImport(root, postCss, neededNamespaceByImport);
-}
-exports.replaceFuncMixinsWithoutInclude = replaceFuncMixinsWithoutInclude;
-function replaceIncludedMixin(root, registry, postCss, postcssValueParser) {
-    const neededNamespaceByImport = {};
-    root.walkAtRules('include', (rule) => {
-        rule.params = postcssValueParser(rule.params)
-            .walk((node) => {
-            if (!['function', 'word'].includes(node.type)) {
-                return undefined;
-            }
-            const mixin = registry.getByName(node.value);
-            if (mixin) {
-                neededNamespaceByImport[mixin.import] = mixin.namespace;
-                node.value = `${mixin.prefix}.${mixin.newName}`;
-                return false;
-            }
-            (0, scss_ast_js_1.commentNode)(rule, 'Mixins non gérée par la migration auto.', postCss);
-            return false;
-        })
-            .toString();
-    });
-    updateMixinImport(root, postCss, neededNamespaceByImport);
-}
-exports.replaceIncludedMixin = replaceIncludedMixin;
-function updateMixinImport(root, postCss, neededNamespaceByImport = {}) {
-    for (const [neededImport, namespace] of Object.entries(neededNamespaceByImport)) {
-        (0, scss_ast_js_1.addMixinImport)(root, neededImport, postCss, namespace);
-    }
-}

package/schematics/migrations/css-vars/updaters/remove-scss-placeholder.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeScssPlaceholders = void 0;
-const scss_value_ast_js_1 = require("../../../lib/scss-value-ast.js");
-/**
- * Replace: calc(100vh - #{_theme(\"commons.banner-height\")} - 3.5rem)
- * With:    calc(100vh - _theme(\"commons.banner-height\") - 3.5rem)
- */
-function removeScssPlaceholders(root, postcssValueParser) {
-    root.walkDecls((decl) => {
-        const valueNode = new scss_value_ast_js_1.ScssValueAst(decl.value, postcssValueParser);
-        valueNode.walkFunction(/.*/, (func) => {
-            let removeNextClosingBracket = 0;
-            if (func.value.startsWith('#{')) {
-                removeNextClosingBracket++;
-                func.value = func.value.slice(2);
-            }
-            const newNodes = [];
-            for (const child of func.nodes) {
-                if (removeNextClosingBracket && child.type === 'word' && child.value.endsWith('}')) {
-                    removeNextClosingBracket--;
-                    if (child.value !== '}') {
-                        newNodes.push({ ...child, value: child.value.slice(0, -1) });
-                    }
-                    // else, do not keep child
-                }
-                else if (child.type === 'function' && child.value.startsWith('#{')) {
-                    removeNextClosingBracket++;
-                    newNodes.push({ ...child, value: child.value.slice(2) });
-                }
-                else {
-                    newNodes.push(child);
-                }
-            }
-            func.nodes = newNodes;
-        });
-        decl.value = valueNode.toString();
-    });
-}
-exports.removeScssPlaceholders = removeScssPlaceholders;

package/schematics/migrations/css-vars/updaters/theme.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getVariableFromThemeArg = exports.updateThemeMixin = void 0;
-const scss_ast_js_1 = require("../../../lib/scss-ast.js");
-const scss_value_ast_js_1 = require("../../../lib/scss-value-ast.js");
-const color_js_1 = require("./color.js");
-function updateThemeMixin(root, postCss, postcssValueParser) {
-    root.walkDecls((decl) => {
-        const valueNode = new scss_value_ast_js_1.ScssValueAst(decl.value, postcssValueParser);
-        // _theme("spacings.smallest") => var(--spacings-smallest)
-        valueNode.walkFunction('_theme', (funcNode) => updateThemeNode(funcNode, decl, (themeVar) => {
-            funcNode.value = 'var';
-            if (funcNode.nodes[0]?.value.startsWith('palette.')) {
-                funcNode.nodes = (0, color_js_1.getPaletteNodes)(funcNode.nodes[0].value.replace('palette.', ''), undefined, postcssValueParser);
-            }
-            else {
-                funcNode.nodes = new scss_value_ast_js_1.ScssValueAst(`--${themeVar}`, postcssValueParser).nodes;
-                const siblings = valueNode.getSiblings(funcNode);
-                if (siblings.some((s) => s.type === 'word' && s.value === '*')) {
-                    (0, scss_ast_js_1.wrapWithCalcFunctionNode)(valueNode, funcNode, postcssValueParser);
-                }
-            }
-        }, postCss));
-        // _component("navSide.width") => var(--components-navSide-width)
-        valueNode.walkFunction('_component', (funcNode) => updateThemeNode(funcNode, decl, (themeVar) => {
-            funcNode.value = 'var';
-            funcNode.nodes = new scss_value_ast_js_1.ScssValueAst(`--components-${themeVar}`, postcssValueParser).nodes;
-            const siblings = valueNode.getSiblings(funcNode);
-            if (siblings.some((s) => s.type === 'word' && s.value === '*')) {
-                (0, scss_ast_js_1.wrapWithCalcFunctionNode)(valueNode, funcNode, postcssValueParser);
-            }
-        }, postCss));
-        // -_theme("spacings.smallest") => calc(var(--spacings-smallest) * -1)
-        valueNode.walkFunction('-_theme', (funcNode) => updateThemeNode(funcNode, decl, (themeVar) => {
-            funcNode.value = 'calc';
-            funcNode.nodes = new scss_value_ast_js_1.ScssValueAst(`var(--${themeVar}) * -1`, postcssValueParser).nodes;
-        }, postCss));
-        // -_component("navSide.width") => calc(var(--components-navSide-width) -1)
-        valueNode.walkFunction('-_component', (funcNode) => updateThemeNode(funcNode, decl, (themeVar) => {
-            funcNode.value = 'calc';
-            funcNode.nodes = new scss_value_ast_js_1.ScssValueAst(`var(--components-${themeVar}) * -1`, postcssValueParser).nodes;
-        }, postCss));
-        decl.value = valueNode.toString();
-    });
-}
-exports.updateThemeMixin = updateThemeMixin;
-function updateThemeNode(funcNode, declaration, updater, postCss) {
-    const isUnsupported = funcNode.nodes.length > 1;
-    if (isUnsupported) {
-        (0, scss_ast_js_1.commentNode)(declaration, `Utilisation de ${funcNode.value} non gérée par la migration automatique`, postCss);
-        return false;
-    }
-    updater(getVariableFromThemeArg(funcNode.nodes[0].value));
-    return undefined;
-}
-function getVariableFromThemeArg(arg) {
-    return arg?.replace?.(/\./g, '-') || '';
-}
-exports.getVariableFromThemeArg = getVariableFromThemeArg;

package/schematics/migrations/css-vars/updaters/warning.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addWarnings = void 0;
-function addWarnings(root) {
-    root.walkAtRules('each', (rule) => {
-        rule.raws.before = (rule.raws.before || '') + '// [LF NEXT] Vérifier le contenu de la boucle.\n';
-    });
-}
-exports.addWarnings = addWarnings;