@lucca-front/ng 21.1.0-rc.1 → 21.1.0-rc.2

package/schematics/lu-loading/index.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const typescript_1 = require("typescript");
-const lib_1 = require("../lib");
-const migration_1 = require("./migration");
-// Nx need to see "@angular-devkit/schematics" in order to run this migration correctly (see https://github.com/nrwl/nx/blob/d9fed4b832bf01d1b9a44ae9e486a5e5cd2d2253/packages/nx/src/command-line/migrate/migrate.ts#L1729-L1738)
-require('@angular-devkit/schematics');
-exports.default = (options) => {
-    return async (tree, context) => {
-        await lib_1.currentSchematicContext.init(context, options);
-        tree.visit((path, entry) => {
-            if (path.includes('node_modules') || !entry) {
-                return;
-            }
-            if (path.endsWith('.ts')) {
-                (0, lib_1.migrateFile)(path, entry, tree, (content) => {
-                    const sourceFile = (0, typescript_1.createSourceFile)(path, content, typescript_1.ScriptTarget.ESNext);
-                    return (0, migration_1.migrateComponent)(sourceFile, path, tree);
-                });
-            }
-        });
-    };
-};

package/schematics/lu-loading/migration.js

@@ -1,136 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.migrateComponent = migrateComponent;
-const change_1 = require("@schematics/angular/utility/change");
-const lib_1 = require("../lib");
-function migrateComponent(sourceFile, path, tree) {
-    const htmlLoadings = findHTMLLoadings(sourceFile, path, tree);
-    if (htmlLoadings.length > 0) {
-        const tsUpdate = tree.beginUpdate(path);
-        const isInlineTemplate = htmlLoadings[0].filePath === path;
-        const templateUpdate = isInlineTemplate ? tsUpdate : tree.beginUpdate(htmlLoadings[0].filePath);
-        htmlLoadings.forEach((loading) => {
-            const classesNode = loading.node.attributes.find(attr => attr.name === 'class');
-            const loadingNodeLength = loading.node.name.length;
-            const hasAriaHidden = loading.node.attributes.find(attr => attr.name === 'aria-hidden');
-            const hasStyle = loading.node.attributes.find(attr => attr.name === 'style');
-            // remove element name attribute
-            templateUpdate.remove(loading.nodeOffset + loading.node.startSourceSpan.start.offset + 1, loadingNodeLength);
-            if (classesNode && classesNode.keySpan) {
-                /**
-                 * Add stuff
-                 */
-                let thingsToAdd = `lu-loading${hasThingsToAdd(loading.inputs) || hasAriaHidden || hasStyle ? '' : ' '}`;
-                if (loading.inputs.block) {
-                    thingsToAdd += ` block`;
-                }
-                if (loading.inputs.invert) {
-                    thingsToAdd += ` invert`;
-                }
-                if (loading.inputs.size) {
-                    thingsToAdd += ` size="L"`;
-                }
-                if (loading.inputs.template) {
-                    thingsToAdd += ` template="${loading.inputs.template}"`;
-                }
-                // with content
-                if (loading.node.children.length > 0 && loading.node.endSourceSpan) {
-                    templateUpdate.remove(loading.nodeOffset + loading.node.endSourceSpan.start.offset + 1, loadingNodeLength + 1);
-                    templateUpdate.insertRight(loading.nodeOffset + loading.node.startSourceSpan.start.offset + 1, thingsToAdd);
-                    templateUpdate.insertLeft(loading.nodeOffset + loading.node.endSourceSpan.start.offset + 1, '/lu-loading');
-                }
-                // self closing
-                else {
-                    const endSpanOffset = loading.node.endSourceSpan?.start.offset || -1;
-                    templateUpdate.remove(loading.nodeOffset + loading.node.startSourceSpan.end.offset, endSpanOffset - loading.node.startSourceSpan.end.offset);
-                    if (loading.node.endSourceSpan?.start?.offset) {
-                        templateUpdate.remove(loading.nodeOffset + loading.node.endSourceSpan?.start?.offset, loading.node.endSourceSpan?.toString().length);
-                    }
-                    templateUpdate.insertRight(loading.nodeOffset + loading.node.startSourceSpan.start.offset + 1, thingsToAdd);
-                    templateUpdate.insertRight(loading.nodeOffset + loading.node.startSourceSpan.end.offset - 1, `${hasThingsToAdd(loading.inputs) || hasAriaHidden || hasStyle ? ' ' : ''}/`);
-                }
-                /**
-                 * Modify classes
-                 */
-                if (classesNode && classesNode.keySpan) {
-                    const classes = classesNode.value;
-                    const cleanedClasses = classes.split(' ').filter(c => {
-                        return ![`mod-L`, `mod-block`, `mod-invert`, `loading`, `mod-invert`, `mod-popin`, `mod-drawer`, `mod-fullPage`, `mod-fullpage`].includes(c);
-                    }).join(' ');
-                    templateUpdate.remove(loading.nodeOffset + classesNode.keySpan.start.offset - 1, classesNode.sourceSpan.toString().length + 1);
-                    if (cleanedClasses) {
-                        templateUpdate.insertRight(loading.nodeOffset + classesNode.keySpan.start.offset, `${hasThingsToAdd(loading.inputs) || hasAriaHidden || hasStyle ? ' ' : ''}class="${cleanedClasses}"`);
-                    }
-                }
-            }
-        });
-        // Add import if needed
-        (0, change_1.applyToUpdateRecorder)(tsUpdate, [(0, lib_1.insertTSImportIfNeeded)(sourceFile, path, 'LoadingComponent', '@lucca-front/ng/loading'), (0, lib_1.insertAngularImportIfNeeded)(sourceFile, path, 'LoadingComponent')]);
-        tree.commitUpdate(tsUpdate);
-        if (!isInlineTemplate) {
-            tree.commitUpdate(templateUpdate);
-        }
-    }
-    return tree.readText(path);
-}
-function findHTMLLoadings(sourceFile, basePath, tree) {
-    const htmlLoadings = [];
-    const ngTemplates = (0, lib_1.extractNgTemplatesIncludingHtml)(sourceFile, tree, basePath);
-    ngTemplates.forEach((template) => {
-        const htmlAst = new lib_1.HtmlAst(template.content);
-        htmlAst.visitNodes((node) => {
-            if ((0, lib_1.isInterestingNode)(node)) {
-                const classes = node.attributes.find(attr => attr.name === 'class')?.value;
-                // match check if it's only "loading" not loading-custom ...
-                if (classes?.includes("loading") && classes?.match(/(^|\s)loading(\s|$)/)) {
-                    const loading = classes.split(' ').find(c => c.startsWith('loading'));
-                    if (loading) {
-                        const inputs = {
-                            size: classes.split(' ').find(c => /mod-L/.test(c)),
-                            block: classes.includes('mod-block') ? true : undefined,
-                            invert: classes.includes('mod-invert') ? true : undefined,
-                            template: getLoadingTemplate(classes),
-                        };
-                        const loading = {
-                            node: node,
-                            inputs,
-                            nodeOffset: template.offsetStart,
-                            filePath: template.filePath,
-                            componentTS: sourceFile,
-                        };
-                        htmlLoadings.push(loading);
-                    }
-                }
-            }
-        });
-    });
-    return htmlLoadings;
-}
-function hasThingsToAdd(inputs) {
-    if (inputs?.block) {
-        return true;
-    }
-    if (inputs?.invert) {
-        return true;
-    }
-    if (inputs?.size) {
-        return true;
-    }
-    if (inputs?.template) {
-        return true;
-    }
-    return false;
-}
-function getLoadingTemplate(classes) {
-    if (classes.includes('mod-popin')) {
-        return 'popin';
-    }
-    if (classes.includes('mod-drawer')) {
-        return 'drawer';
-    }
-    // fullpage is deprecated so we always use fullPage here
-    if (classes.includes('mod-fullPage') || classes.includes('mod-fullpage')) {
-        return 'fullPage';
-    }
-    return undefined;
-}

package/schematics/lu-loading/migration.spec.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const path = require("path");
-const lib_1 = require("../lib");
-const collectionPath = path.normalize(path.join(__dirname, '..', 'collection.json'));
-const testsRoot = path.join(__dirname, 'tests');
-describe('lu-loading Migration', () => {
-    it('should handle basic case files', async () => {
-        // Arrange
-        const tree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'input'));
-        const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
-        // Act
-        try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-loading', { skipInstallation: true }, tree);
-        }
-        catch (error) {
-            // eslint-disable-next-line no-console
-            console.log(error);
-        }
-        // Assert
-        (0, lib_1.expectTree)(tree).toMatchTree(expectedTree);
-    });
-});

package/schematics/lu-loading/schema.json

@@ -1,28 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema",
-  "$id": "LuccaFrontLuLoading",
-  "title": "Lucca Front loading html  migration into lu-loading angular component",
-  "type": "object",
-  "properties": {
-    "dryRun": {
-      "type": "boolean",
-      "description": "Run through the migration without making any changes.",
-      "default": false
-    },
-    "skipInstall": {
-      "type": "boolean",
-      "description": "Skip installing dependencies.",
-      "default": false
-    },
-    "verbose": {
-      "type": "boolean",
-      "description": "Enable verbose logging.",
-      "default": false
-    },
-    "noComments": {
-      "type": "boolean",
-      "description": "Don't put comments about select migration rejections in result files.",
-      "default": false
-    }
-  }
-}

package/types/lucca-front-ng-text-flow.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from '@angular/core';
-
-declare class TextFlowComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextFlowComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextFlowComponent, "lu-text-flow", never, {}, {}, never, ["*"], true, never>;
-}
-
-export { TextFlowComponent };