Daffodil Ecommerce Framework

@daffodil/design is an Angular component library specifically engineered for ecommerce use-cases. It provides a collection of pre-built UI components and built-in support for essential ecommerce design requirements including:

• Pre-Built Components: Organized into Atoms and Molecules.
• Theming: Customizable styles for your storefront.
• Typography: Standardized text styles.
• Accessibility: Built-in support for accessible user interfaces.
• Color: Managed color palettes and systems.

The @daffodil/checkout package is designed for building ecommerce checkout experiences in Angular. Its primary responsibilities include:

• State Management: Managing the complex state associated with a checkout process.
• Routing: Handling the navigation and flow between different stages of the checkout (e.g., shipping, payment, review).

Note: Many checkout-related features are currently being migrated from @daffodil/cart to this package. When building new features, check if they have already moved to @daffodil/checkout.

The @daffodil/customer package provides the core functionality required to support customer management within an Angular application. Its primary capabilities include:

• Loading customer profiles.
• Managing and loading saved customer addresses.

@daffodil/seo provides services to manage page-level SEO metadata, including:

• Canonical URLs
• Tab titles
• Meta tags

Additionally, @daffodil/seo/state provides effects that automatically handle the addition and removal of SEO data as users navigate through your application.

The @daffodil/order/driver/magento/2.4.1 package is a specialized driver designed to interface Daffodil with a Magento backend running version 2.4.1 or higher.

Important Limitation: Magento v2.4.1 does not natively support guest orders via its GraphQL orders endpoint. If your implementation requires guest order support, you must use the graycoreio/magento2-guest-orders-graphql extension to enable this functionality in your Magento instance.

The @daffodil/order/driver/magento/2.4.0 package is an order driver designed to interface with Magento backends running version 2.4.0 or lower.

Important Limitation: Magento v2.4.0 does not natively provide a GraphQL orders endpoint. To enable GraphQL support for orders on this version, you must use the graycoreio/magento2-orders-graphql extension. If you upgrade your Magento instance to v2.4.1 or higher, you should switch to the @daffodil/order/driver/magento/2.4.1 driver instead.

The @daffodil/contact library is organized into three primary layers to support contact form development:

1. State: Uses NgRx to manage the contact form state.
2. Drivers: Provides configuration for backend drivers, such as Hubspot or an In-Memory API.
3. Testing: Provides utilities to unit test components using the contact feature.

The visual editor (daff-ai-editor) is an AI-driven content editing interface designed for creating and modifying content schemas. It uses a split-pane interface to combine schema editing with real-time UI previews.

Key capabilities include:

• AI-Powered Content Generation: Use natural language prompts to create or modify schemas.
• Real-Time Preview: Immediate visual feedback across desktop, tablet, and mobile viewports.
• Chat Interface: Conversational AI for iterative content development.
• Schema Editing: Direct manipulation of schemas using the Monaco editor.
• Component Browser: A way to browse available components for inclusion in schemas.
• Responsive Testing: Testing content layout across various device sizes.

Daffodil is composed of interoperable, modular packages. You can install only the specific domains required for your storefront to keep your bundle size optimized.

Commonly used packages include:

• @daffodil/product: Product management
• @daffodil/cart: Shopping cart functionality
• @daffodil/auth: Authentication services
• @daffodil/customer: Customer profile and data
• @daffodil/order: Order management