Skip to content

Latest commit

 

History

History
66 lines (47 loc) · 1.73 KB

File metadata and controls

66 lines (47 loc) · 1.73 KB

Contributing to DevCanvas

Thank you for your interest in contributing! DevCanvas is built with React, TypeScript, and Webpack, focusing on high-end visual documentation tools.

Development Setup

  1. Fork & Clone

    git clone https://github.com/YOUR_USERNAME/DevCanvas.git
    cd DevCanvas
  2. Install Dependencies

    npm install
  3. Development Build

    # Build once
    npm run build:dev
    
    # Or watch for changes
    npm run dev
  4. Code Quality Checks

    # Run linter
    npm run lint
    
    # Type check
    npm run type-check

Technical Standards

  • Language: All new code must be written in TypeScript.
  • Styles: Use vanilla CSS in popup.css or themed component-level CSS.
  • Icons: We use Lucide React. Maintain the premium "Cyber-Hex" aesthetic for any new UI elements.
  • Tone: Keep PR reviews and AI outputs authoritative and professional.

Commit Convention

We use Conventional Commits:

  • feat: - New feature
  • fix: - Bug fix
  • docs: - Documentation
  • refactor: - Optimization or cleanup
  • chore: - Tooling/deps changes

Pull Request Process

  1. Open an Issue first for significant changes.
  2. Ensure npm run lint and npm run type-check pass.
  3. Update the walkthrough.md if your change adds new functionality.
  4. Provide screenshots/recordings for UI changes.

License

By contributing, you agree that your contributions will be licensed under the MIT License.