### Install Node.js on Windows Source: https://github.com/microsoft/clarity/blob/master/CONTRIBUTING.md Download the Node.js installer for Windows from the official website and use the default installation options. ```bash https://nodejs.org/en/download/ ``` -------------------------------- ### Install Node.js on Mac Source: https://github.com/microsoft/clarity/blob/master/CONTRIBUTING.md Set up Homebrew and then use it to install Node.js. This is the recommended method for Mac users. ```bash ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" brew install node ``` -------------------------------- ### Install Node.js on Ubuntu Source: https://github.com/microsoft/clarity/blob/master/CONTRIBUTING.md Install Node.js, build essentials, and SSL development libraries on Ubuntu. This includes setting up alternatives for the node executable. ```bash sudo apt-get install nodejs sudo apt-get install build-essential sudo apt-get install libssl-dev sudo apt-get install npm sudo update-alternatives --install /usr/bin/node node /usr/bin/nodejs 10 -- There's a naming conflict on Ubuntu for node vs. nodejs. -- If you happen to have node install, run: sudo apt-get --purge remove node ``` -------------------------------- ### Install Project Dependencies with Yarn Source: https://github.com/microsoft/clarity/blob/master/CONTRIBUTING.md Install all the necessary project dependencies using the Yarn package manager. This command should be run after cloning the repository. ```bash yarn install ``` -------------------------------- ### Verify Python 3 Installation Source: https://github.com/microsoft/clarity/blob/master/README.md Check if Python 3 is installed on your system. This is a prerequisite for installing the Git MCP Server. ```bash python3 --version # Verify installation ``` -------------------------------- ### Install Playwright Browsers Source: https://github.com/microsoft/clarity/blob/master/CONTRIBUTING.md Install the Playwright Chromium browser, which is required for running end-to-end tests. Ensure `yarn install` and `yarn build` have been completed first. ```bash npx playwright install chromium ``` -------------------------------- ### Install Git MCP Server Source: https://github.com/microsoft/clarity/blob/master/README.md Install the Git MCP Server using pip. This enables enhanced Git operations through natural language when using Claude Code. ```bash pip3 install mcp-server-git ``` -------------------------------- ### Install Fontconfig on Ubuntu Source: https://github.com/microsoft/clarity/blob/master/CONTRIBUTING.md Install the libfontconfig package on Ubuntu if you encounter errors during testing. This package is often a missing dependency for certain operations. ```bash sudo apt-get install libfontconfig ``` -------------------------------- ### Install Global Yarn Package Manager Source: https://github.com/microsoft/clarity/blob/master/CONTRIBUTING.md Install the Yarn package manager globally on your machine using npm. This is a prerequisite for managing project dependencies. ```bash npm i -g yarn ``` -------------------------------- ### Bump Project Version Source: https://github.com/microsoft/clarity/blob/master/CLAUDE.md Use these commands to increment the project's version. The default is a patch version. Ensure you have Yarn installed. ```bash yarn bump-version ``` ```bash yarn bump-version --part=minor ``` ```bash yarn bump-version --part=major ``` -------------------------------- ### Build clarity-js Package Source: https://github.com/microsoft/clarity/blob/master/CLAUDE.md Use this command to build only the clarity-js package. This process typically takes around 20 seconds. ```bash yarn build:js ``` -------------------------------- ### Build Clarity Extension Source: https://github.com/microsoft/clarity/blob/master/packages/clarity-devtools/README.md Build the Clarity extension using the provided command. The extension will be located in the 'extension' folder after a successful build. ```bash yarn build ``` -------------------------------- ### Build clarity-visualize Package Source: https://github.com/microsoft/clarity/blob/master/CLAUDE.md Command to build the clarity-visualize package. This is one of the individual package build commands available. ```bash yarn build:visualize ``` -------------------------------- ### Run Clarity Tests Source: https://github.com/microsoft/clarity/blob/master/CONTRIBUTING.md Execute the test suite for the Clarity project. This command verifies the functionality of the codebase. ```bash yarn test ``` -------------------------------- ### Build clarity-devtools Package Source: https://github.com/microsoft/clarity/blob/master/CLAUDE.md Command to build the clarity-devtools package. This command is used for building the Chrome extension components. ```bash yarn build:devtools ``` -------------------------------- ### Build clarity-decode Package Source: https://github.com/microsoft/clarity/blob/master/CLAUDE.md Command to build the clarity-decode package. No specific time is mentioned, but it's part of the monorepo build process. ```bash yarn build:decode ``` -------------------------------- ### Clone Clarity Repository Source: https://github.com/microsoft/clarity/blob/master/CONTRIBUTING.md Clone the Microsoft Clarity repository to your local machine using Git. This involves opening a command line and navigating to the desired directory. ```bash git clone https://github.com/microsoft/clarity.git 4. When prompted, enter your github credentials ``` -------------------------------- ### Run Playwright UI for Testing Source: https://github.com/microsoft/clarity/blob/master/CONTRIBUTING.md Launch Playwright's UI mode for enhanced testing features like watch mode and better reporting. This is useful for debugging and development. ```bash yarn test:ui ``` -------------------------------- ### Enable MCP Server Auto-Configuration Source: https://github.com/microsoft/clarity/blob/master/README.md Configure Claude Code to automatically enable all project MCP servers by adding this JSON snippet to your `.claude/settings.local.json` file. ```json { "enableAllProjectMcpServers": true } ``` -------------------------------- ### Run Playwright Tests for clarity-decode Source: https://github.com/microsoft/clarity/blob/master/CLAUDE.md Execute Playwright tests specifically for the clarity-decode package. This command targets tests within the clarity-decode workspace. ```bash yarn workspace clarity-decode test ``` -------------------------------- ### Bump Version Script Source: https://github.com/microsoft/clarity/blob/master/README.md Use this bash script to increment the project's version number as part of the release process. ```bash yarn bump-version ``` -------------------------------- ### Run Playwright Tests for clarity-js Source: https://github.com/microsoft/clarity/blob/master/CLAUDE.md Execute Playwright tests specifically for the clarity-js package. This command targets tests within the clarity-js workspace. ```bash yarn workspace clarity-js test ``` -------------------------------- ### Lint Package Code Source: https://github.com/microsoft/clarity/blob/master/CLAUDE.md Check the linting status of code within a specific package. Navigate to the package directory first. ```bash cd packages/ && yarn tslint ``` -------------------------------- ### Fix TSLint Formatting Source: https://github.com/microsoft/clarity/blob/master/CLAUDE.md Use this command to automatically fix TSLint formatting errors in your modified files. Only fix your own changes. ```bash yarn tslint:fix ``` -------------------------------- ### Auto-fix Linting Errors Source: https://github.com/microsoft/clarity/blob/master/CLAUDE.md Automatically fix TSLint errors in a specific package. It's recommended to only fix errors in the code you are changing. ```bash cd packages/ && yarn tslint:fix ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.