lucca-front-deprecated-resolver

Migrates deprecated Lucca Front Angular APIs to standalone components and modern equivalents.

52|7|Updated Apr 12, 2017
One-click install
npx skills add https://github.com/LuccaSA/lucca-front --skill lucca-front-deprecated-resolver-luccasa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: lucca-front-deprecated-resolver
Source: https://github.com/LuccaSA/lucca-front/tree/main/.github/skills/lucca-front-deprecated-resolver
Command: npx skills add https://github.com/LuccaSA/lucca-front --skill lucca-front-deprecated-resolver-luccasa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Angular projects using @lucca-front/ng and @lucca-front/prisme accumulate deprecated NgModules, components, inputs, services, and tokens that must be manually identified and migrated, which is error-prone and time-consuming across large codebases. ## Core Features & Use Cases - Deprecated API Detection: Scans TypeScript imports and HTML templates to find deprecated NgModules (LuSelectModule, LuSidepanelModule, LuUserModule, etc.), components (lu-select, lu-department-select), inputs (delete, withRole, icon), services (LuSidepanel, LuTitleService), and tokens (APP_TITLE, USER_POPOVER_IS_ACTIVATED). - Rule-Based Migration: Applies per-element migration rules from reference files, replacing NgModule wrappers with standalone imports, renaming inputs, and updating service injections. - Annotation and Reporting: Marks breaking component migrations with code comments and produces a structured report of automatic, partial, and manual migrations. - Use Case: When upgrading a Lucca Front application, run this Skill to automatically convert LuSidepanel usage to LuModal with sidepanel mode and replace lu-select with lu-simple-select, flagging complex cases for human review. ## Quick Start Scan this Angular project for deprecated Lucca Front APIs and migrate them automatically, then report which migrations need manual intervention.

Frequently Asked Questions about lucca-front-deprecated-resolver

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate deprecated Lucca Front NgModules to standalone components?▼

Replace each deprecated NgModule in your imports array with its standalone component, directive, or pipe equivalents, and update the TypeScript import paths. For example, LuToastsModule becomes LuToastsComponent and LuTooltipModule becomes LuTooltipTriggerDirective plus LuTooltipPanelComponent.

How to migrate lu-select to lu-simple-select in Lucca Front?▼

Replace the lu-select element with lu-simple-select for single selection or lu-multi-select for multiple selection, using optionValue and optionLabel inputs instead of luForOptions templates. Complex custom option templates may require manual adjustment.

What replaces LuSidepanel in @lucca-front/ng?▼

LuSidepanel is replaced by LuModal called with the mode 'sidepanel' option. The token LU_SIDEPANEL_DATA becomes LU_MODAL_DATA, and the types ILuSidepanelRef and ALuSidepanelRef become ILuModalRef and ALuModalRef from @lucca-front/ng/modal.

Which Lucca Front migrations cannot be automated?▼

Migrations requiring human intervention include lu-select with complex option configurations, lu-department-select and lu-user-select with advanced setups, lu-dropdown moving to the Prisme menu approach, LuSidepanel with complex callback logic, and LuTitleService using observables.

Does the deprecated delete input on luButton have a replacement?▼

Yes, the delete input on luButton is renamed to critical. Boolean delete attributes become critical, [delete]="true" becomes critical, and [delete]="false" bindings are simply removed.