Skip to main content
Thank you for your interest in contributing to the JigsawStack Translation Widget. This page walks you through the full contribution workflow.

Contributing Workflow

1

Fork the repository

Click the Fork button at the top right of the repository page on GitHub to create your own copy.
2

Clone your fork

git clone https://github.com/your-username/translation-widget.git
cd translation-widget
3

Create a feature branch

Use a descriptive branch name:
git checkout -b feature/your-feature-name
4

Set up your environment

Install dependencies:
yarn install
Create a .env file in the project root with your JigsawStack public API key:
VITE_TRANSLATION_WIDGET_PUBLIC_KEY=your_api_key_here
Build the project (required before running the dev server):
yarn build
Start the development server:
yarn dev
Open your browser and visit http://localhost:5173.
5

Make your changes

Follow the code style guidelines below. If your changes affect how the widget is used or configured, update the documentation accordingly.
Update documentation if your changes affect usage.
6

Commit and push

git add .
git commit -m "Describe your changes"
git push origin feature/your-feature-name
7

Open a pull request

Go to your fork on GitHub and click Compare & pull request.

Code Style Guidelines

  • Use clear, descriptive variable and function names.
  • Write concise and meaningful commit messages.
  • Keep pull requests focused and minimal.

Reporting Issues

If you find a bug or have a feature request, open an issue on the GitHub Issues page. When reporting a bug, please include:
  • Steps to reproduce the issue
  • Screenshots or screen recordings if applicable
  • Browser and environment details

Build docs developers (and LLMs) love