Lytics Developer Tools v2

Lytics Developer Tools is a Chrome extension designed to empower developers, marketers, and data analysts by providing powerful capabilities to test, debug, and maximize the potential of the Lytics personalization engine. With this extension, you can gain insights into your Lytics installation, access visitor profiles, and manage personalization experiences effortlessly.

Features

1. Lytics Installation Status

• Check the overall health and status of your Lytics installation.
• Verify if your Lytics instance is up-to-date and running smoothly.

2. Collecting Activity Logging & Debugging

• Check the overall health and status of your Lytics installation.
• Verify if your Lytics instance is up-to-date and running smoothly.

3. Visitor Profile Overview

• Gain full access to the Lytics profile for the current visitor.
• Explore key insights and all available attributes of individual visitors.
• Use this feature to better understand your audience and tailor experiences accordingly.

4. Personalization Experience Overview

• Get an overview of existing personalization experiences within Lytics.
• Access a summary of each available experience and its corresponding configuration.
• Streamline the management of personalization strategies for your content.

Installation

1. Go to the Chrome Web Store page for Lytics Developer Tools.
2. Click the "Add to Chrome" button to install the extension.

Manual Installation

1. Download the extension package ZIP file from our GitHub releases page.
   • Select the most current release (hint, it will be at the top).
2. Extract the contents of the ZIP file to a local directory.
3. Open Chrome and navigate to chrome://extensions/.
4. Enable the "Developer mode" toggle at the top-right corner of the page.
5. Click the "Load unpacked" button and select the folder that you unzipped in step 1 (hint, it will be named something like dev-center-extension-0.0.0).
6. Lytics Developer Tools will be added to your Chrome extensions.
7. Pin the extension to your top bar using the little "pin" icon.
8. Navigate to a page with Lytics or refresh.
9. Open the extension and enable or disable at the top right corner.

Development

Quick Start

1. Clone the repository: git clone https://github.com/lytics/dev-center-extension.git
2. Install dependencies: yarn && yarn build
3. Start development server: yarn dev
4. Load the dist directory in Chrome as unpacked extension

Development Standards

This project is transitioning from v1 to v2 with strict code quality standards:

• New Code: Must follow v2 patterns (see CLAUDE.md and DEVELOPMENT.md)
• Architecture: React 18, TypeScript, Material-UI v5, functional components
• Styling: Styled components with theme integration
• Content: Centralized text management
• Testing: Vitest and React Testing Library

Documentation

• AGENTS.md - AI coding agent instructions (follows agents.md standard)
• DEVELOPMENT.md - Comprehensive development guide for humans
• Reference Components: DisabledState.tsx, EnabledState.tsx for v2 patterns

AI Tool Compatibility

This project uses the industry-standard AGENTS.md format, compatible with 20+ AI coding tools including Cursor, GitHub Copilot, Aider, and more.

Feedback and Issues

If you have any questions, encounter issues, or have ideas for improvements, please submit an issue.

License

Lytics Developer Tools is licensed under the MIT License.