Squared Package Architecture

소개

This skill provides critical architecture knowledge for working with the @lsst-sqre/squared React component library. It details the unique 'no build step' approach, where TypeScript source is exported directly, requiring consuming applications to handle transpilation. This guide covers the strict CSS Modules-only styling requirement, integration with the Rubin design token system, Next.js configuration, and the dual-project Vitest testing setup. Use this skill when creating or modifying squared components, troubleshooting build issues, or setting up a new application to consume the library.

주요 기능

• Explains the 'no build step' architecture with direct TypeScript source exports.
• Outlines best practices for component development, including TypeScript patterns and export strategies.
• Enforces a strict CSS Modules-only styling requirement, prohibiting CSS-in-JS.
• Provides configuration guidance for consuming applications, specifically for Next.js.
• 2 GitHub stars
• Details the dual-project testing infrastructure using Vitest for both unit and Storybook tests.

사용 사례

• Integrating the `@lsst-sqre/squared` component library into a new or existing project.
• Developing new React components for the `squared` package.
• Troubleshooting build, styling, or type errors when using the `squared` package.