@lucca-front/ng 21.1.0-split.0 → 21.1.1-rc.1

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

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

package/schematics/lu-loading/index.js

@@ -0,0 +1,23 @@
+"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

@@ -0,0 +1,136 @@
+"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');
+                }
+                // without closing
+                else if (!loading.node.isSelfClosing) {
+                    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

@@ -0,0 +1,23 @@
+"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

@@ -0,0 +1,28 @@
+{
+  "$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/schematics/lu-select/index.js

@@ -1,20 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const typescript_1 = require("typescript");
-const lf_schematic_context_1 = require("../lib/lf-schematic-context");
-const schematics_1 = require("../lib/schematics");
+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 lf_schematic_context_1.currentSchematicContext.init(context, options);
+        await lib_1.currentSchematicContext.init(context, options);
         tree.visit((path, entry) => {
             if (path.includes('node_modules') || !entry) {
                 return;
             }
             if (path.endsWith('.ts')) {
-                (0, schematics_1.migrateFile)(path, entry, tree, (content) => {
+                (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, options?.noComments);
                 });

package/schematics/lu-select/migration.js

@@ -1,15 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateComponent = migrateComponent;
-const html_ast_js_1 = require("../lib/html-ast.js");
-const typescript_1 = require("typescript");
-const angular_component_ast_1 = require("../lib/angular-component-ast");
-const angular_template_1 = require("../lib/angular-template");
-const util_1 = require("./util");
-const select_context_1 = require("./model/select-context");
 const change_1 = require("@schematics/angular/utility/change");
 const eol_1 = require("@schematics/angular/utility/eol");
-const lf_schematic_context_1 = require("../lib/lf-schematic-context");
+const typescript_1 = require("typescript");
+const lib_1 = require("../lib");
+const select_context_1 = require("./model/select-context");
+const util_1 = require("./util");
 const importSource = {
     LuSimpleSelectInputComponent: '@lucca-front/ng/simple-select',
     LuMultiSelectInputComponent: '@lucca-front/ng/multi-select',
@@ -55,13 +52,13 @@ function migrateComponent(sourceFile, path, tree, noComments = false) {
             // We're not checking using else here because handle** methods can also add a rejection reason
             // We want to handle both cases (before handling and after) here
             if (select.rejection) {
-                lf_schematic_context_1.currentSchematicContext.logFailure(`Couldn't migrate ${select.component} in ${path}: ${util_1.RejectionReason[select.rejection.reason]}`);
+                lib_1.currentSchematicContext.logFailure(`Couldn't migrate ${select.component} in ${path}: ${util_1.RejectionReason[select.rejection.reason]}`);
                 if (!noComments) {
                     insertRejectionComment(templateUpdate, select);
                 }
             }
             else {
-                lf_schematic_context_1.currentSchematicContext.logSuccess(`Migrated ${select.component} in ${path}`);
+                lib_1.currentSchematicContext.logSuccess(`Migrated ${select.component} in ${path}`);
             }
         });
         tree.commitUpdate(tsUpdate);
@@ -99,18 +96,18 @@ function insertRejectionComment(update, select) {
     update.insertLeft(select.nodeOffset + select.node.startSourceSpan.start.offset, `<!-- [lu-select migration] REJECTED: ${detailedReason || util_1.RejectionReason[select.rejection.reason]} -->\n${indentBefore}`);
 }
 function findSelectContexts(sourceFile, basePath, tree) {
-    const imports = (0, angular_component_ast_1.extractComponentImports)(sourceFile);
+    const imports = (0, lib_1.extractComponentImports)(sourceFile);
     if (possibleSelectComponents.some((c) => imports.includes(c))) {
         const selects = [];
-        const template = (0, angular_template_1.extractNgTemplatesIncludingHtml)(sourceFile, tree, basePath)[0];
-        const htmlAst = new html_ast_js_1.HtmlAst(template.content);
+        const template = (0, lib_1.extractNgTemplatesIncludingHtml)(sourceFile, tree, basePath)[0];
+        const htmlAst = new lib_1.HtmlAst(template.content);
         htmlAst.visitNodes((node) => {
-            if (node instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.TmplAstElement) {
+            if (node instanceof lib_1.currentSchematicContext.angularCompiler.TmplAstElement) {
                 const selectComponentClass = selectorToComponentNameRecord[node.name];
                 const multipleInput = node.inputs.find((attr) => attr.name === 'multiple');
-                const unsupportedMultiple = multipleInput?.value instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.ASTWithSource && multipleInput.value.source !== 'true';
+                const unsupportedMultiple = multipleInput?.value instanceof lib_1.currentSchematicContext.angularCompiler.ASTWithSource && multipleInput.value.source !== 'true';
                 const multipleAttr = node.attributes.find((attr) => attr.name === 'multiple');
-                const multipleFromInput = multipleInput?.value instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.ASTWithSource && multipleInput.value.source === 'true'
+                const multipleFromInput = multipleInput?.value instanceof lib_1.currentSchematicContext.angularCompiler.ASTWithSource && multipleInput.value.source === 'true'
                     ? { start: multipleInput?.sourceSpan?.start?.offset, end: multipleInput?.sourceSpan?.end?.offset + 1 }
                     : null;
                 const multipleFromAttr = multipleAttr && (multipleAttr.value === 'true' || multipleAttr.value === '') ? { start: multipleAttr?.sourceSpan?.start?.offset, end: multipleAttr?.sourceSpan?.end?.offset + 1 } : null;
@@ -145,7 +142,7 @@ function updateImports(sourceFile, selects, path, tree) {
     const imports = new Set(selects.filter((s) => !s.rejection).flatMap((select) => select.requiredImports || []));
     imports.forEach((importToAdd) => {
         if (importSource[importToAdd]) {
-            (0, change_1.applyToUpdateRecorder)(update, [(0, angular_component_ast_1.insertTSImportIfNeeded)(sourceFile, path, importToAdd, importSource[importToAdd]), (0, angular_component_ast_1.insertAngularImportIfNeeded)(sourceFile, path, importToAdd)]);
+            (0, change_1.applyToUpdateRecorder)(update, [(0, lib_1.insertTSImportIfNeeded)(sourceFile, path, importToAdd, importSource[importToAdd]), (0, lib_1.insertAngularImportIfNeeded)(sourceFile, path, importToAdd)]);
         }
         else {
             console.error(`Can't add import for ${importToAdd} because source is unknown`);
@@ -155,11 +152,11 @@ function updateImports(sourceFile, selects, path, tree) {
     const componentsCleanupUpdate = tree.beginUpdate(path);
     // Cleanup unused select component imports
     const updatedSourceFile = (0, typescript_1.createSourceFile)(path, tree.readText(path), typescript_1.ScriptTarget.ESNext);
-    const templatesAfterUpdate = (0, angular_template_1.extractNgTemplatesIncludingHtml)(updatedSourceFile, tree, path);
+    const templatesAfterUpdate = (0, lib_1.extractNgTemplatesIncludingHtml)(updatedSourceFile, tree, path);
     templatesAfterUpdate.forEach((template) => {
         Object.entries(select_context_1.selectorToComponentName).forEach(([selector, className]) => {
             if (!template.content.includes(selector)) {
-                (0, change_1.applyToUpdateRecorder)(componentsCleanupUpdate, [(0, angular_component_ast_1.removeTSImport)(updatedSourceFile, path, className), (0, angular_component_ast_1.removeAngularImport)(updatedSourceFile, path, className)]);
+                (0, change_1.applyToUpdateRecorder)(componentsCleanupUpdate, [(0, lib_1.removeTSImport)(updatedSourceFile, path, className), (0, lib_1.removeAngularImport)(updatedSourceFile, path, className)]);
             }
         });
     });
@@ -178,7 +175,7 @@ function updateImports(sourceFile, selects, path, tree) {
 function handleLuSelectInputComponent(select, update) {
     const dataSource = (0, util_1.getDataSource)(select);
     let hasClearer = false;
-    new html_ast_js_1.HtmlAstVisitor(select.node).visitElements(/lu-input-clearer/, (node) => {
+    new lib_1.HtmlAstVisitor(select.node).visitElements(/lu-input-clearer/, (node) => {
         // Doing the check just in case
         if (node.name === 'lu-input-clearer') {
             hasClearer = true;
@@ -275,14 +272,14 @@ function handleApiSelectInputComponent(select, update) {
         }
     });
     select.node.inputs.forEach((input) => {
-        if (input.name === 'api' && input.value instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.ASTWithSource) {
+        if (input.name === 'api' && input.value instanceof lib_1.currentSchematicContext.angularCompiler.ASTWithSource) {
             apiEndpoint = input.value?.source || '';
             oldApiInput = {
                 pos: input.sourceSpan.start.offset,
                 length: input.sourceSpan.end.offset - input.sourceSpan.start.offset
             };
         }
-        if (input.name === 'standard' && input.value instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.ASTWithSource) {
+        if (input.name === 'standard' && input.value instanceof lib_1.currentSchematicContext.angularCompiler.ASTWithSource) {
             apiStandard = (input.value?.source || 'v3');
             oldApiStandard = {
                 pos: input.sourceSpan.start.offset,

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

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

package/schematics/lu-select/util.js

@@ -5,9 +5,7 @@ exports.isRejection = isRejection;
 exports.getCommonMigrationRejectionReason = getCommonMigrationRejectionReason;
 exports.getDataSource = getDataSource;
 exports.getDisplayer = getDisplayer;
-const html_ast_1 = require("../lib/html-ast");
-const angular_component_ast_1 = require("../lib/angular-component-ast");
-const lf_schematic_context_1 = require("../lib/lf-schematic-context");
+const lib_1 = require("../lib");
 var RejectionReason;
 (function (RejectionReason) {
     RejectionReason[RejectionReason["UNSUPPORTED_ATTRIBUTE"] = 0] = "UNSUPPORTED_ATTRIBUTE";
@@ -28,7 +26,7 @@ function isRejection(value) {
     return value?.reason !== undefined && RejectionReason[value.reason] != undefined;
 }
 function getCommonMigrationRejectionReason(node, sourceFile) {
-    if (node instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.TmplAstElement) {
+    if (node instanceof lib_1.currentSchematicContext.angularCompiler.TmplAstElement) {
         const unsupportedAttr = node.attributes.find((attr) => !allowedAttributes.some((rxp) => rxp.test(attr.name)));
         if (unsupportedAttr) {
             return {
@@ -43,7 +41,7 @@ function getCommonMigrationRejectionReason(node, sourceFile) {
                 details: unsupportedInput.name
             };
         }
-        const providers = (0, angular_component_ast_1.extractProviders)(sourceFile);
+        const providers = (0, lib_1.extractProviders)(sourceFile);
         if (providers.length > 0) {
             switch (node.name) {
                 case 'lu-establishment-select':
@@ -99,7 +97,7 @@ function getDataSource(select) {
     let result = {
         reason: RejectionReason.NO_DATA_SOURCE
     };
-    const htmlAstVisitor = new html_ast_1.HtmlAstVisitor(select.node);
+    const htmlAstVisitor = new lib_1.HtmlAstVisitor(select.node);
     let rejected = false;
     // First of all, check that there's no lu-option-select-all, because this is a rejection reason
     htmlAstVisitor.visitElements(/(lu-option-select-all)|(lu-tree-.*)/, (node) => {
@@ -121,7 +119,7 @@ function getDataSource(select) {
     }
     htmlAstVisitor.visitElements(/lu-option-picker(-advanced)?/, (node) => {
         // If picker doesn't have option as direct child, reject, we can't migrate this kind of custom stuff
-        const luOption = node.children.find((c) => c instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.TmplAstTemplate && c.tagName === 'lu-option');
+        const luOption = node.children.find((c) => c instanceof lib_1.currentSchematicContext.angularCompiler.TmplAstTemplate && c.tagName === 'lu-option');
         if (luOption === undefined) {
             result = {
                 reason: RejectionReason.CUSTOM_PICKER_CONTENT
@@ -129,20 +127,20 @@ function getDataSource(select) {
         }
         else {
             // TODO Handle advanced option picker
-            if (luOption instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.TmplAstTemplate && node.name === 'lu-option-picker') {
+            if (luOption instanceof lib_1.currentSchematicContext.angularCompiler.TmplAstTemplate && node.name === 'lu-option-picker') {
                 let valueName = '';
                 let ngForOfName = '';
                 let ngForImplicitVarName = '';
                 // If that's a simple option picker, lu-option should have dataSource in its ngFor
                 luOption.templateAttrs.forEach((attr) => {
-                    if (attr.name === 'ngForOf' && attr.value instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.ASTWithSource) {
+                    if (attr.name === 'ngForOf' && attr.value instanceof lib_1.currentSchematicContext.angularCompiler.ASTWithSource) {
                         ngForOfName = attr.value.source || '';
                         ngForImplicitVarName = luOption.variables.find((v) => v.value === '$implicit')?.name || '';
                     }
                 });
                 // Grab assigned value to make sure it's a supported one
                 luOption.inputs.forEach((attr) => {
-                    if (attr.name === 'value' && attr.value instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.ASTWithSource) {
+                    if (attr.name === 'value' && attr.value instanceof lib_1.currentSchematicContext.angularCompiler.ASTWithSource) {
                         valueName = attr.value.source || '';
                     }
                 });
@@ -157,10 +155,10 @@ function getDataSource(select) {
                     // We have found value and it matches, now let's check how it's rendered
                     // Idk why but AST has two levels for a single node in this case
                     const contentHost = luOption.children[0];
-                    if (contentHost instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.TmplAstElement) {
-                        const templateNodes = contentHost.children.filter(c => c instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.TmplAstBoundText);
+                    if (contentHost instanceof lib_1.currentSchematicContext.angularCompiler.TmplAstElement) {
+                        const templateNodes = contentHost.children.filter(c => c instanceof lib_1.currentSchematicContext.angularCompiler.TmplAstBoundText);
                         const firstValue = templateNodes[0];
-                        if (firstValue instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.TmplAstBoundText && firstValue.value instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.ASTWithSource) {
+                        if (firstValue instanceof lib_1.currentSchematicContext.angularCompiler.TmplAstBoundText && firstValue.value instanceof lib_1.currentSchematicContext.angularCompiler.ASTWithSource) {
                             const firstTemplateSource = firstValue.value.source?.trim();
                             // First of all, check if it's a basic ?.name approach, in which case we can remove it
                             if ((templateNodes.length === 1 && firstTemplateSource === `{{ ${valueName} }}`) ||
@@ -190,7 +188,7 @@ function getDataSource(select) {
                     }
                 }
                 const comparerAST = node.inputs.find(attr => attr.name === 'option-comparer')?.value;
-                if (comparerAST instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.ASTWithSource && comparerAST?.source && !isRejection(result)) {
+                if (comparerAST instanceof lib_1.currentSchematicContext.angularCompiler.ASTWithSource && comparerAST?.source && !isRejection(result)) {
                     result.comparer = comparerAST?.source;
                 }
             }
@@ -199,23 +197,23 @@ function getDataSource(select) {
     return result;
 }
 function getDisplayer(select) {
-    const displayerHostNode = select.node.children.find((node) => node instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.TmplAstTemplate && node.templateAttrs.some((attr) => attr.name === 'luDisplayer'));
+    const displayerHostNode = select.node.children.find((node) => node instanceof lib_1.currentSchematicContext.angularCompiler.TmplAstTemplate && node.templateAttrs.some((attr) => attr.name === 'luDisplayer'));
     if (!displayerHostNode) {
         return {
             canBeRemoved: true
         };
     }
-    if (displayerHostNode instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.TmplAstTemplate) {
+    if (displayerHostNode instanceof lib_1.currentSchematicContext.angularCompiler.TmplAstTemplate) {
         const displayerVarName = displayerHostNode.variables.find((v) => v.value === '$implicit')?.name;
         const templateNodes = [];
-        new html_ast_1.HtmlAstVisitor(displayerHostNode.children).visitNodes((c) => {
-            if (c instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.TmplAstBoundText) {
+        new lib_1.HtmlAstVisitor(displayerHostNode.children).visitNodes((c) => {
+            if (c instanceof lib_1.currentSchematicContext.angularCompiler.TmplAstBoundText) {
                 templateNodes.push(c);
             }
         });
         if (templateNodes?.length > 0) {
             const firstValue = templateNodes[0];
-            if (firstValue instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.TmplAstBoundText && firstValue.value instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.ASTWithSource) {
+            if (firstValue instanceof lib_1.currentSchematicContext.angularCompiler.TmplAstBoundText && firstValue.value instanceof lib_1.currentSchematicContext.angularCompiler.ASTWithSource) {
                 const firstTemplateSource = firstValue.value.source?.trim();
                 if ((templateNodes.length === 1 && firstTemplateSource === `{{ ${displayerVarName} }}`) ||
                     firstTemplateSource === `{{ ${displayerVarName}?.name }}` ||

package/schematics/lu-text-input/index.js

@@ -1,20 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const typescript_1 = require("typescript");
-const lf_schematic_context_1 = require("../lib/lf-schematic-context");
-const schematics_1 = require("../lib/schematics");
+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 lf_schematic_context_1.currentSchematicContext.init(context, options);
+        await lib_1.currentSchematicContext.init(context, options);
         tree.visit((path, entry) => {
             if (path.includes('node_modules') || !entry) {
                 return;
             }
             if (path.endsWith('.ts')) {
-                (0, schematics_1.migrateFile)(path, entry, tree, (content) => {
+                (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);
                 });