April 2023 Summaries

Highlight, a company co-founded by Vadim Korolik, announced several partnerships during its launch week, emphasizing its collaboration with RRweb, ClickHouse, and OpenTelemetry. RRweb, an open-source web session replay library, is integral to Highlight's local recorder, and Highlight is a Gold Sponsor of the project. ClickHouse, which powers Highlight's logging product, has facilitated a productive partnership through a shared Slack channel, contributing significantly to Highlight's data handling capabilities. OpenTelemetry is utilized for recording server-side logs, traces, and errors, with Highlight defining specific primitives for these elements. The company values these collaborations for enhancing their product's functionality and ensuring efficient data management.

Highlight has developed a logging-as-a-service product utilizing Clickhouse to enhance its error monitoring capabilities by seamlessly integrating logs with other debugging tools. Initially designed to offer detailed insights into user actions leading to errors, Highlight's logging service allows users to efficiently search logs with custom attributes and auto-injected debugging data. The company adopted OpenTelemetry's schema, leveraging Clickhouse for its efficient querying capabilities, and incorporated multi-tenancy by adding a ProjectId column. Challenges such as high memory usage due to timestamp precision were overcome by transitioning to second precision, significantly improving performance. The service employs cursor pagination using a combination of timestamps and UUIDs to ensure stable navigation through logs. Highlight's use of Go for backend development, along with structured query building, facilitates efficient data handling, while the supportive Clickhouse community and robust documentation have been instrumental in the product's development and future scalability plans.

Highlight has launched a new logging product powered by ClickHouse, aimed at enhancing error detection and resolution by integrating log search, structured querying, and user session data. This innovation allows users to trace the cause of backend errors effectively and is seamlessly integrated with alerts infrastructure for real-time notifications via platforms like Slack and Discord. The product emphasizes context cohesion by linking logs and errors to user sessions without requiring additional configuration, facilitated by lightweight SDKs using OpenTelemetry. Highlight's commitment to open-source infrastructure allows for self-hosting, and its development has been significantly supported by its community, including contributions such as the Java SDK.

Highlight, a company co-founded by Jay Khatri, is embracing open-source principles by sharing its internal processes, values, onboarding methods, competitor analysis, and future roadmap with the public as part of its launch week initiatives. The company believes that open sourcing extends beyond merely sharing a GitHub repository and offers unexpected benefits, such as fostering transparency and encouraging feedback. Highlight has collaboratively formulated a set of company values, made its onboarding processes for new team members publicly accessible, and started documenting its competitive landscape to provide clarity and leverage against other monitoring vendors. Additionally, Highlight's decision to open source its development roadmap aims to engage customers directly, inviting them to offer feedback and express interest, thus aligning product development with user needs and expectations.

Chris Schmitz, a software engineer, discusses how to enhance the popular Tailwind CSS framework by integrating it with vanilla-extract for improved type safety in frontend engineering. The approach involves using vanilla-extract's Sprinkles to develop a prop-based API that allows developers to apply utility classes without the risk of referencing non-existent classes, thus offering better control and intellisense for prop names and values. The process entails creating a theme with design tokens, generating utility classes with Sprinkles, and packaging them into a prop-based API using a Box component, which simplifies applying styles across components. Schmitz also touches on building custom styles and recipes for component variants, highlighting the trade-offs of adopting vanilla-extract, such as its learning curve and configuration needs. Despite these challenges, vanilla-extract is portrayed as a beneficial tool for building scalable design systems in TypeScript, providing an efficient developer experience at Highlight. The article invites further exploration of vanilla-extract through open-source code and encourages engagement with the developer community.

Highlight.io has introduced several user experience enhancements, including a new Command bar and setup flow, as well as insights into their design system's management. The Command bar, refined through user session analysis, now defaults to the most common customer query paths and supports various session and error searches; users can access it via CMD+K. The updated setup flow, designed by Julian, aims to provide a focused and distraction-free environment with distinct steps to help users feel progress during setup. Furthermore, Highlight.io has decided to "open source" their design practices by sharing insights on managing design tokens and creating a type-safe way to map code to CSS properties, through blog posts by Julian and Chris, respectively. These efforts aim to enhance developer experience and share the company's learnings with the broader community.

Highlight.io's launch week introduces new features to enhance its error monitoring product, focusing on three main updates: first-party OTEL support, fine-grained error filtering, and webhook alert capabilities. The OTEL support decision was made to standardize data collection across multiple server-side languages, aligning with the company's commitment to open source. The fine-grained error filtering improvements aim to refine alerting processes by allowing users to filter out non-impactful errors, such as those from Chrome extensions, and to customize filters using regex expressions for more precise error management. Additionally, the webhook feature enables alerts to trigger external actions, integrating smoothly with platforms like Zapier, thereby expanding the versatility of alert responses.

Highlight, a company focused on maintaining a visually appealing and consistent color system for its app, employs design tokens to streamline their design process and ensure consistency across their platform. Design tokens abstract design elements into reusable and shareable pieces of code, allowing for a single source of truth that promotes efficiency, collaboration, flexibility, and scalability. Highlight's implementation involves creating a foundational color scale that aligns with their brand identity and using tools like Tokens Studio to sync design tokens across Figma and their codebase, ensuring that both design and engineering teams remain in sync. This process allows for seamless updates and iterations across their app, minimizing communication gaps and improving workflow efficiency. Highlight invites others to share their experiences using design tokens to build cohesive design systems and component libraries.

Highlight.io emphasizes its commitment to using open source software, particularly OpenTelemetry, to manage its infrastructure and efficiently process substantial amounts of customer data. The adoption of OpenTelemetry across all language SDKs ensures a consistent standard for data ingestion, simplifying data export for customers already familiar with the tool, and enabling a gradual adoption for those who are not. OpenTelemetry's efficient data transfer is facilitated through batching, compression, and a hosted collector, which eliminates the need for additional software installations and streamlines integration with applications. Additionally, the tool allows developers to report custom data through trace events, providing deeper insights into application performance by using attributes such as exception type, message, and stacktrace. Highlight.io also expresses its commitment to contributing to the open source community, recognizing OpenTelemetry as a vital tool in modern software development.