[ { "path": ".editorconfig", "content": "# http://editorconfig.org\nroot = true\n\n[*]\nindent_style = spaces\ntab_width = 2\ncharset = utf-8\ntrim_trailing_whitespace = true\ninsert_final_newline = true\n\n[*.md]\ntrim_trailing_whitespace = false\n\n[*.js]\nindent_style = spaces\ntab_width = 2\ncharset = utf-8\ntrim_trailing_whitespace = true\ninsert_final_newline = true\n" }, { "path": ".github/CONTRIBUTING.md", "content": "# Contributing to gitmoji\n\nHello!\n\nThanks for contributing on [gitmoji](https://github.com/carloscuesta/gitmoji). Before implementing new features and changes, please [submit an issue](https://github.com/carloscuesta/gitmoji/issues/new). We will discuss here! :stuck_out_tongue_winking_eye:.\n\nIf you would like to add a new emoji to gitmoji, fill the provided `ISSUE_TEMPLATE` when creating an issue and take a look at the contributing section.\n\n## How to submit a pull request?\n\n1. Fork [this repository](https://github.com/carloscuesta/gitmoji/fork).\n2. Create a new branch with the feature name. (Eg: add-emoji-deploy, fix-website-header)\n3. Make your changes.\n4. Test you changes by running `pnpm turbo test`\n - 4.1. If the snapshots are failing run `pnpm turbo test -- -u` and be sure that the new snapshots match your changes\n5. Commit your changes. Don't forget to add a commit title with an emoji and a description.\n6. Push your changes.\n7. Submit your pull request.\n\n## How to add a gitmoji\n\n1. Open the **gitmojis.json** file located at `packages/gitmojis/src/gitmojis.json`.\n2. Add your emoji using the following code inside of the `gitmojis array []`:\n3. Add a new color to [the emojiColorsMap.js](https://github.com/carloscuesta/gitmoji/blob/master/packages/website/src/components/GitmojiList/emojiColorsMap.js) file. Matching the name you added at the JSON file.\n4. Save the file and create a pull request.\n\n```json\n{\n \"emoji\": \"\",\n \"entity\": \"entity (Ex: 👀)\",\n \"code\": \":code:\",\n \"description\": \"Enter the description for the gitmoji. Use present form for verbs.\",\n \"name\": \"code (same as code but without ':' replace underscores for dashes _ => - )\",\n \"semver\": \"The semantic versioning effect (can be `'major'`, `'minor'`, `'patch'` or `null` if the commit has no effect on the version)\"\n}\n```\n\nIf you want to find the hexadecimal entity of icon, search for it in this site: http://graphemica.com/\n\nEvery suggestion will be reviewed carefully, โš ๏ธ take into account that not every suggestion will be accepted!\n\n## How to start the website\n\nIf you want to make changes to the site, follow the next steps:\n\n1. Clone gitmoji\n\n```bash\n$ git clone https://github.com/carloscuesta/gitmoji.git\n$ cd gitmoji\n```\n\n2. Install the dependencies and start the development server.\n\n```bash\n$ pnpm install && pnpm run dev\n```\n\nThe project is built with [Next.js](http://nextjs.org)\n" }, { "path": ".github/FUNDING.yml", "content": "# These are supported funding model platforms\n\ngithub: ['carloscuesta']\ncustom: ['https://paypal.me/carloscuesta']\n" }, { "path": ".github/ISSUE_TEMPLATE/bug-report.yml", "content": "name: ๐Ÿ› Bug report\ndescription: Report an issue\nbody:\n - type: markdown\n attributes:\n value: |\n Thanks for taking the time to fill out this bug report!\n - type: textarea\n id: bug-description\n attributes:\n label: Describe the bug\n description: A clear description the bug. If you want to contribute to fix this issue, tell us in the description.\n placeholder: Description\n validations:\n required: true\n - type: textarea\n id: reproduction\n attributes:\n label: Reproduction\n description: A [minimal reproduction](https://stackoverflow.com/help/minimal-reproducible-example) is **required**, otherwise the issue might be closed without further notice.\n placeholder: Reproduction\n validations:\n required: true\n - type: textarea\n id: system-info\n attributes:\n label: System Info\n description: Output of `npx envinfo --system --binaries --browsers`\n render: Shell\n placeholder: Paste the output of the following command \n validations:\n required: true\n - type: checkboxes\n id: validations\n attributes:\n label: Validations\n description: Before submitting the issue, please make sure you do the following\n options:\n - label: Follow our [Code of Conduct](https://github.com/carloscuesta/.github/blob/master/.github/CODE_OF_CONDUCT.md)\n required: true\n - label: Read the [Contributing Guide](https://github.com/carloscuesta/gitmoji/blob/master/.github/CONTRIBUTING.md).\n required: true\n - label: Check that there isn't already an issue that reports the same bug to avoid creating duplicates.\n required: true\n - label: Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.\n required: true\n - label: The provided reproduction is a [minimal reproducible](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.\n required: true\n" }, { "path": ".github/ISSUE_TEMPLATE/config.yml", "content": "blank_issues_enabled: false\ncontact_links:\n - name: ๐Ÿ˜ Contribution Guide\n url: https://github.com/carloscuesta/gitmoji/blob/master/.github/CONTRIBUTING.md#contributing-to-gitmoji\n about: Please read through before making any contribution." }, { "path": ".github/ISSUE_TEMPLATE/discussion.yml", "content": "name: โ‰๏ธ Discussion\ndescription: Want to discuss something? Use this template\nlabels: [discussion]\nbody:\n - type: markdown\n attributes:\n value: |\n Thanks for your interest in the project and taking the time to fill out this discussion report!\n - type: textarea\n id: discussion-description\n attributes:\n label: Discussion\n description: 'Explain the matter here!'\n validations:\n required: true\n - type: checkboxes\n id: checkboxes\n attributes:\n label: Validations\n description: Before submitting the issue, please make sure you do the following\n options:\n - label: Follow our [Code of Conduct](https://github.com/carloscuesta/.github/blob/master/.github/CODE_OF_CONDUCT.md)\n required: true\n - label: Read the [Contributing Guide](https://github.com/carloscuesta/gitmoji/blob/master/.github/CONTRIBUTING.md).\n required: true\n - label: Check that there isn't already an issue requesting the same feature.\n required: true\n" }, { "path": ".github/ISSUE_TEMPLATE/feature-request.yml", "content": "name: ๐Ÿš€ Feature proposal\ndescription: Propose a new feature\nlabels: [feature]\nbody:\n - type: markdown\n attributes:\n value: |\n Thanks for your interest in the project and taking the time to fill out this feature report!\n - type: textarea\n id: feature-description\n attributes:\n label: Description of the problem\n description: 'As a user I want [goal] so that [benefit]. If you want to contribute with a PR, tell us in the description. Thanks!'\n validations:\n required: true\n - type: textarea\n id: suggested-solution\n attributes:\n label: Solution\n description: 'In module [xy] we could provide following implementation...'\n validations:\n required: true\n - type: textarea\n id: alternative\n attributes:\n label: Alternatives\n description: Explain any alternative solutions or features you've considered.\n - type: textarea\n id: additional-context\n attributes:\n label: Additional context\n description: Any other context or screenshots about the feature.\n - type: checkboxes\n id: checkboxes\n attributes:\n label: Validations\n description: Before submitting the issue, please make sure you do the following\n options:\n - label: Follow our [Code of Conduct](https://github.com/carloscuesta/.github/blob/master/.github/CODE_OF_CONDUCT.md)\n required: true\n - label: Read the [Contributing Guide](https://github.com/carloscuesta/gitmoji/blob/master/.github/CONTRIBUTING.md).\n required: true\n - label: Check that there isn't already an issue requesting the same feature.\n required: true\n" }, { "path": ".github/ISSUE_TEMPLATE/gitmoji-proposal.yml", "content": "name: ๐Ÿ˜œ Gitmoji proposal\ndescription: Suggest a new gitmoji!\nlabels: [emoji]\nbody:\n - type: markdown\n attributes:\n value: |\n Thanks for your interest in the project and taking the time to fill out this gitmoji suggestion!\n - type: input\n id: emoji-symbol\n attributes:\n label: Emoji symbol\n description: The emoji symbol you want to suggest.\n placeholder: \"๐Ÿš€\"\n validations:\n required: true\n - type: input\n id: emoji-shortcode\n attributes:\n label: Emoji code\n description: The \":shortcode:\" of the emoji on GitHub.\n placeholder: \":rocket:\"\n validations:\n required: true\n - type: input\n id: emoji-description\n attributes:\n label: Emoji description\n description: A short description of the emoji.\n placeholder: What this emoji should be used for?\n validations:\n required: true\n - type: textarea\n id: emoji-use-case\n attributes:\n label: Describe the use case of your emoji\n description: Explain the creation of this emoji, what this is and when it should be used\n placeholder: Use case\n validations:\n required: true\n - type: dropdown\n id: emoji-use-case-covered\n attributes:\n label: Is this use case covered by an existing emoji?\n options:\n - \"Yes โœ…\"\n - \"No โŒ\"\n validations:\n required: true\n - type: checkboxes\n id: emoji-what-how\n attributes:\n label: Does this emoji fall into the \"how\" or the \"what\" category?\n description: |\n We are trying to always describe/categorize \"what\" has been done in a particular commit, not the \"how\" it was done (the exceptions being :poop: and :beers:).\n\n Notice here that, by the descriptions on the \"how\" category, you can't know what has been achieved in the commit.\n\n | Examples of \"what\" commits | Examples of \"how\" commits |\n | -------------------------- | ------------------------- |\n | :white_check_mark: Add, update, or pass tests | :hankey: Write bad code that needs to be improved |\n | :lock: Fix security or privacy issues | :beers: Write code drunkenly |\n | :zap: Improve performance | :robot: Write an automated commit by a script |\n options:\n - label: This proposal do **not** describe \"how\" a commit was made, but does in fact describe \"what\" is the contents of the commit about.\n required: true\n validations:\n required: true\n - type: textarea\n id: emoji-examples\n attributes:\n label: Examples\n description: Include some examples using this emoji.\n placeholder: Examples\n validations:\n required: true\n - type: checkboxes\n id: checkboxes\n attributes:\n label: Validations\n description: Before submitting the issue, please make sure you do the following\n options:\n - label: Follow our [Code of Conduct](https://github.com/carloscuesta/.github/blob/master/.github/CODE_OF_CONDUCT.md)\n required: true\n - label: Read the [Contributing Guide](https://github.com/carloscuesta/gitmoji/blob/master/.github/CONTRIBUTING.md).\n required: true\n - label: Check that there isn't already an issue requesting the emoji.\n required: true\n" }, { "path": ".github/PULL_REQUEST_TEMPLATE.md", "content": "\n\n## Description\n\n\n\n## Linked issues\n\n" }, { "path": ".github/dependabot.yml", "content": "version: 2\nupdates:\n- package-ecosystem: npm\n directory: \"/\"\n schedule:\n interval: monthly\n time: \"04:00\"\n open-pull-requests-limit: 10\n labels:\n - \"dependencies\"\n versioning-strategy: increase\n\n- package-ecosystem: \"github-actions\"\n directory: \"/\"\n schedule:\n interval: monthly\n time: \"04:00\"\n labels:\n - \"dependencies\"\n" }, { "path": ".github/workflows/ci.yml", "content": "name: CI\non:\n push:\n branches: [master]\n pull_request:\n branches: [master]\njobs:\n ci:\n runs-on: ubuntu-latest\n env:\n TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}\n TURBO_TEAM: ${{ secrets.TURBO_TEAM }}\n steps:\n - uses: actions/checkout@v6\n - uses: pnpm/action-setup@v4\n - name: Install Node.js\n uses: actions/setup-node@v6\n with:\n cache: \"pnpm\"\n node-version-file: \".node-version\"\n - name: Install dependencies ๐Ÿ“ฆ\n run: pnpm install\n - name: Lint ๐ŸŽจ\n run: pnpm turbo lint\n - name: TypeScript check ๐Ÿท\n run: pnpm turbo tscheck\n - name: Tests โœ…\n run: pnpm turbo test\n" }, { "path": ".github/workflows/lock.yml", "content": "name: Lock Issues and PRs\non:\n schedule:\n - cron: '0 0 * * *'\njobs:\n lock:\n runs-on: ubuntu-latest\n steps:\n - uses: dessant/lock-threads@v6\n with:\n github-token: ${{ github.token }}\n issue-inactive-days: '1'\n pr-inactive-days: '1'\n" }, { "path": ".github/workflows/npm-publish.yml", "content": "name: NPM Publish\non:\n push:\n tags:\n - \"v*\"\npermissions:\n id-token: write\n contents: write\njobs:\n npm-publish:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v6\n - uses: pnpm/action-setup@v4\n - uses: actions/setup-node@v6\n with:\n cache: \"pnpm\"\n node-version-file: \".node-version\"\n - name: Install dependencies ๐Ÿ“ฆ\n run: pnpm install\n - name: Build ๐Ÿ‘ทโ€โ™‚๏ธ\n run: pnpm turbo run build --filter=gitmojis\n - name: Publish package to NPM ๐Ÿš€\n run: pnpm turbo publishPackage\n - name: Publish GitHub Release ๐Ÿ“\n uses: softprops/action-gh-release@v2\n with:\n name: gitmoji ${{github.ref_name}}\n generate_release_notes: true\n" }, { "path": ".gitignore", "content": ".DS_Store\ndist/\nnode_modules/\n.publish/\n.next\nout/\ncoverage/\n.eslintcache\n*.log\n.pnp.*\n\n# next-pwa\npackages/website/public/workbox-*.js\npackages/website/public/workbox-*.js\npackages/website/public/sw.js\npackages/website/public/sw.js\npackages/website/public/*.map\n\n# next-sitemap\npackages/website/public/robots.txt\npackages/website/public/sitemap.xml\npackages/website/public/sitemap-*.xml\n\n# gitmojis\npackages/website/public/api/\n\n# TS\n*.tsbuildinfo\n\n# Turbo\n.turbo\n" }, { "path": ".husky/.gitignore", "content": "_\n" }, { "path": ".husky/pre-commit", "content": "pnpm exec lint-staged\n" }, { "path": ".husky/pre-push", "content": "pnpm turbo tscheck && pnpm turbo test\n" }, { "path": ".lintstagedrc.json", "content": "{\n \"*.json\": [\"prettier --write\"],\n \"*.md\": [\"prettier --write\"],\n \"*.yml\": [\"prettier --write\"]\n}\n" }, { "path": ".node-version", "content": "24\n" }, { "path": "AGENTS.md", "content": "# Gitmoji Guide for AI Assistants\n\n## Purpose\n\nThis guide helps AI assistants understand and use gitmoji convention when creating commits. Using emojis on commit messages provides an easy way of identifying the purpose or intention of a commit with only looking at the emojis used. Gitmoji use emojis to make commit messages more expressive and easier to understand at a glance.\n\n## Official Specification\n\nA gitmoji commit message is composed using the following pieces:\n\n- **intention**: The intention you want to express with the commit, using an emoji from the gitmoji list. Either in the `:shortcode:` or unicode format.\n- **scope**: An optional string that adds contextual information for the scope of the change.\n- **message**: A brief explanation of the change.\n\n### Format\n\n```\n [scope?][:?] \n\n[optional body]\n```\n\n## Gitmoji reference\n\nFetch all available gitmojis from: https://gitmoji.dev/api/gitmojis.\n\n## Usage Guidelines for AI\n\n### Selecting the correct emoji\n\n1. **Identify the primary purpose** of the commit\n2. **Choose the most specific emoji** that matches the change\n3. **Use only one emoji** per commit for clarity\n4. **Prioritize by impact**: Breaking changes (๐Ÿ’ฅ) > Features (โœจ) > Fixes (๐Ÿ›) > Refactoring (โ™ป๏ธ)\n\n### Examples\n\n```\nโœจ feat: Add user authentication system\n\nImplement JWT-based authentication with login and registration endpoints.\nCloses #123\n```\n\n```\n๐Ÿ› Resolve null pointer exception in user service\n\nAdded null check before accessing user properties to prevent crashes.\n```\n\n```\n๐Ÿ“ docs: Update installation instructions\n\nAdded step-by-step guide for setting up the development environment.\n```\n\n```\nโšก๏ธ Optimize user query with indexing\n\nReduced query time from 500ms to 50ms by adding composite index.\n```\n\n```\n๐Ÿ’ฅ Update API response format to REST specification\n\nAll API endpoints now return data in a standardized envelope format.\nClients must update their response parsing logic.\n```\n\n## Best Practices\n\n1. **Be atomic**: One emoji, one purpose, one commit\n2. **Write clear subjects**: Keep under 60 characters, imperative mood\n3. **Use the body**: Explain \"why\" not \"what\" for complex changes\n4. **Reference issues**: Include issue numbers when applicable\n5. **Indicate breaking changes**: Use ๐Ÿ’ฅ `:boom:`.\n\n## Resources\n\n- Gitmojis list: https://gitmoji.dev/api/gitmojis\n- Gitmoji website: https://gitmoji.dev/\n- Gitmoji specification: https://gitmoji.dev/specification\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2016-2022 Carlos Cuesta\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "

\n\t\n\t\t\"gitmoji\"\n\t\n

\n

\n\t\n\t\t\"Build\n\t\n\t\n\t\t\"Gitmoji\"\n\t\n

\n\n## About\n\n[Gitmoji](https://gitmoji.dev) is an initiative to standardize and explain **the use of emojis on GitHub commit messages**.\n\n**Using emojis** on **commit messages** provides an **easy way** of **identifying the purpose or intention of a commit** with only looking at the emojis used. As there are a lot of different emojis I found the need of creating a guide that can help to use emojis easier.\n\nThe gitmojis are published on the [following package](https://www.npmjs.com/package/gitmojis) in order to be used as a dependency ๐Ÿ“ฆ.\n\n## Using [gitmoji-cli](https://github.com/carloscuesta/gitmoji-cli)\n\nTo use gitmojis from your command line install [gitmoji-cli](https://github.com/carloscuesta/gitmoji-cli). A gitmoji interactive client for using emojis on commit messages.\n\n```bash\nnpm i -g gitmoji-cli\n```\n\n## Example of usage\n\nIn case you need some ideas to integrate gitmoji in your project, here's a practical way to use it:\n\n```\n [scope?][:?] \n```\n\n- `intention`: An emoji from the list.\n- `scope`: An optional string that adds contextual information for the scope of the change.\n- `message`: A brief explanation of the change.\n\n## Contributing to gitmoji\n\nContributing to gitmoji is a piece of :cake:, read the [contributing guidelines](https://github.com/carloscuesta/gitmoji/blob/master/.github/CONTRIBUTING.md). You can discuss emojis using the [issues section](https://github.com/carloscuesta/gitmoji/issues/new). To add a new emoji to the list create an issue and send a pull request, see [how to send a pull request and add a gitmoji](https://github.com/carloscuesta/gitmoji/blob/master/.github/CONTRIBUTING.md#how-to-add-a-gitmoji).\n\n## Spread the word\n\nAre you using Gitmoji on your project? Set the Gitmoji badge on top of your readme using this code:\n\n```html\n\n \n\n```\n\n## License\n\nThe code is available under the [MIT](https://github.com/carloscuesta/gitmoji/blob/master/LICENSE) license.\n" }, { "path": "package.json", "content": "{\n \"name\": \"gitmoji\",\n \"private\": true,\n \"engines\": {\n \"node\": \"22\",\n \"pnpm\": \">=8\"\n },\n \"scripts\": {\n \"prepare\": \"husky install\",\n \"dev\": \"pnpm turbo --parallel dev\"\n },\n \"devDependencies\": {\n \"husky\": \"^9.1.7\",\n \"lint-staged\": \"^16.2.7\",\n \"prettier\": \"3.8.1\",\n \"turbo\": \"2.8.16\"\n },\n \"packageManager\": \"pnpm@8.6.2\"\n}\n" }, { "path": "packages/gitmojis/.lintstagedrc.json", "content": "{\n \"./src/*.json\": [\"prettier --write ./src/*.json\"],\n \"./src/*.ts\": [\"prettier --write ./src/*.ts\"],\n \"./src/*.js\": [\"prettier --write ./src/*.js\"]\n}\n" }, { "path": "packages/gitmojis/README.md", "content": "

\n\t\n\t\t\"gitmoji\"\n\t\n

\n

\n\t\n\t\t\"Build\n\t\n\t\n\t\t\"Gitmoji\"\n\t\n

\n\n## About\n\nThe emojis from the [gitmoji](https://gitmoji.dev) convention **bundled** into a **node module**.\n\n## Install\n\n```bash\nnpm i gitmojis\n```\n\n## Usage\n\n```js\nimport { gitmojis } from 'gitmojis'\n\nconsole.log(gitmojis)\n\n/*\n[\n {\n emoji: '๐ŸŽจ',\n entity: '🎨',\n code: ':art:',\n description: 'Improve structure / format of the code.',\n name: 'art',\n semver: null\n },\n {\n emoji: 'โšก๏ธ',\n entity: '⚡',\n code: ':zap:',\n description: 'Improve performance.',\n name: 'zap',\n semver: null\n },\n ...\n]\n*/\n```\n\n## API\n\nAlternatively you can also consume this as through HTTP using the API:\n \n```bash\ncurl https://gitmoji.dev/api/gitmojis\n```\n\n## Spread the word\n\nAre you using Gitmoji on your project? Set the Gitmoji badge on top of your readme using this code:\n\n```html\n\n \n\n```\n" }, { "path": "packages/gitmojis/package.json", "content": "{\n \"name\": \"gitmojis\",\n \"type\": \"module\",\n \"version\": \"3.15.0\",\n \"description\": \"An emoji guide for your commit messages.\",\n \"main\": \"./dist/index.cjs\",\n \"types\": \"./dist/index.d.ts\",\n \"exports\": {\n \".\": {\n \"import\": \"./dist/index.mjs\",\n \"require\": \"./dist/index.cjs\"\n }\n },\n \"files\": [\n \"dist\"\n ],\n \"scripts\": {\n \"dev\": \"nodemon --exec 'pnpm run build' --watch ./src\",\n \"build\": \"unbuild\",\n \"lint:json\": \"ajv --spec=draft2020 validate -s ./src/schema.json -d ./src/gitmojis.json\",\n \"lint\": \"pnpm run lint:json && prettier --check ./src/**/*.{js,json,ts}\",\n \"publishPackage\": \"npm publish\"\n },\n \"devDependencies\": {\n \"ajv-cli\": \"^5.0.0\",\n \"lint-staged\": \"^16.2.7\",\n \"nodemon\": \"^3.1.14\",\n \"prettier\": \"3.8.1\",\n \"unbuild\": \"^3.6.1\"\n },\n \"author\": {\n \"name\": \"carloscuesta\",\n \"email\": \"hi@carloscuesta.me\",\n \"url\": \"https://carloscuesta.me\"\n },\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/carloscuesta/gitmoji/issues\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/carloscuesta/gitmoji.git\"\n },\n \"homepage\": \"https://gitmoji.dev\",\n \"keywords\": [\n \"gitmoji\",\n \"emoji\",\n \"carloscuesta\",\n \"commit\"\n ],\n \"prettier\": {\n \"semi\": false,\n \"singleQuote\": true,\n \"arrowParens\": \"always\"\n }\n}\n" }, { "path": "packages/gitmojis/src/gitmojis.json", "content": "{\n \"$schema\": \"https://gitmoji.dev/api/gitmojis/schema\",\n \"gitmojis\": [\n {\n \"emoji\": \"๐ŸŽจ\",\n \"entity\": \"🎨\",\n \"code\": \":art:\",\n \"description\": \"Improve structure / format of the code.\",\n \"name\": \"art\",\n \"semver\": null\n },\n {\n \"emoji\": \"โšก๏ธ\",\n \"entity\": \"⚡\",\n \"code\": \":zap:\",\n \"description\": \"Improve performance.\",\n \"name\": \"zap\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ”ฅ\",\n \"entity\": \"🔥\",\n \"code\": \":fire:\",\n \"description\": \"Remove code or files.\",\n \"name\": \"fire\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿ›\",\n \"entity\": \"🐛\",\n \"code\": \":bug:\",\n \"description\": \"Fix a bug.\",\n \"name\": \"bug\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿš‘๏ธ\",\n \"entity\": \"🚑\",\n \"code\": \":ambulance:\",\n \"description\": \"Critical hotfix.\",\n \"name\": \"ambulance\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"โœจ\",\n \"entity\": \"✨\",\n \"code\": \":sparkles:\",\n \"description\": \"Introduce new features.\",\n \"name\": \"sparkles\",\n \"semver\": \"minor\"\n },\n {\n \"emoji\": \"๐Ÿ“\",\n \"entity\": \"📝\",\n \"code\": \":memo:\",\n \"description\": \"Add or update documentation.\",\n \"name\": \"memo\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿš€\",\n \"entity\": \"🚀\",\n \"code\": \":rocket:\",\n \"description\": \"Deploy stuff.\",\n \"name\": \"rocket\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿ’„\",\n \"entity\": \"&#ff99cc;\",\n \"code\": \":lipstick:\",\n \"description\": \"Add or update the UI and style files.\",\n \"name\": \"lipstick\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐ŸŽ‰\",\n \"entity\": \"🎉\",\n \"code\": \":tada:\",\n \"description\": \"Begin a project.\",\n \"name\": \"tada\",\n \"semver\": null\n },\n {\n \"emoji\": \"โœ…\",\n \"entity\": \"✅\",\n \"code\": \":white_check_mark:\",\n \"description\": \"Add, update, or pass tests.\",\n \"name\": \"white-check-mark\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿ”’๏ธ\",\n \"entity\": \"🔒\",\n \"code\": \":lock:\",\n \"description\": \"Fix security or privacy issues.\",\n \"name\": \"lock\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ”\",\n \"entity\": \"🔐\",\n \"code\": \":closed_lock_with_key:\",\n \"description\": \"Add or update secrets.\",\n \"name\": \"closed-lock-with-key\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿ”–\",\n \"entity\": \"🔖\",\n \"code\": \":bookmark:\",\n \"description\": \"Release / Version tags.\",\n \"name\": \"bookmark\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿšจ\",\n \"entity\": \"🚨\",\n \"code\": \":rotating_light:\",\n \"description\": \"Fix compiler / linter warnings.\",\n \"name\": \"rotating-light\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿšง\",\n \"entity\": \"🚧\",\n \"code\": \":construction:\",\n \"description\": \"Work in progress.\",\n \"name\": \"construction\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿ’š\",\n \"entity\": \"💚\",\n \"code\": \":green_heart:\",\n \"description\": \"Fix CI Build.\",\n \"name\": \"green-heart\",\n \"semver\": null\n },\n {\n \"emoji\": \"โฌ‡๏ธ\",\n \"entity\": \"โฌ‡๏ธ\",\n \"code\": \":arrow_down:\",\n \"description\": \"Downgrade dependencies.\",\n \"name\": \"arrow-down\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"โฌ†๏ธ\",\n \"entity\": \"โฌ†๏ธ\",\n \"code\": \":arrow_up:\",\n \"description\": \"Upgrade dependencies.\",\n \"name\": \"arrow-up\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ“Œ\",\n \"entity\": \"📌\",\n \"code\": \":pushpin:\",\n \"description\": \"Pin dependencies to specific versions.\",\n \"name\": \"pushpin\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ‘ท\",\n \"entity\": \"👷\",\n \"code\": \":construction_worker:\",\n \"description\": \"Add or update CI build system.\",\n \"name\": \"construction-worker\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿ“ˆ\",\n \"entity\": \"📈\",\n \"code\": \":chart_with_upwards_trend:\",\n \"description\": \"Add or update analytics or track code.\",\n \"name\": \"chart-with-upwards-trend\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"โ™ป๏ธ\",\n \"entity\": \"♻\",\n \"code\": \":recycle:\",\n \"description\": \"Refactor code.\",\n \"name\": \"recycle\",\n \"semver\": null\n },\n {\n \"emoji\": \"โž•\",\n \"entity\": \"➕\",\n \"code\": \":heavy_plus_sign:\",\n \"description\": \"Add a dependency.\",\n \"name\": \"heavy-plus-sign\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"โž–\",\n \"entity\": \"➖\",\n \"code\": \":heavy_minus_sign:\",\n \"description\": \"Remove a dependency.\",\n \"name\": \"heavy-minus-sign\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ”ง\",\n \"entity\": \"🔧\",\n \"code\": \":wrench:\",\n \"description\": \"Add or update configuration files.\",\n \"name\": \"wrench\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ”จ\",\n \"entity\": \"🔨\",\n \"code\": \":hammer:\",\n \"description\": \"Add or update development scripts.\",\n \"name\": \"hammer\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐ŸŒ\",\n \"entity\": \"🌐\",\n \"code\": \":globe_with_meridians:\",\n \"description\": \"Internationalization and localization.\",\n \"name\": \"globe-with-meridians\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"โœ๏ธ\",\n \"entity\": \"\",\n \"code\": \":pencil2:\",\n \"description\": \"Fix typos.\",\n \"name\": \"pencil2\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ’ฉ\",\n \"entity\": \"\",\n \"code\": \":poop:\",\n \"description\": \"Write bad code that needs to be improved.\",\n \"name\": \"poop\",\n \"semver\": null\n },\n {\n \"emoji\": \"โช๏ธ\",\n \"entity\": \"⏪\",\n \"code\": \":rewind:\",\n \"description\": \"Revert changes.\",\n \"name\": \"rewind\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ”€\",\n \"entity\": \"🔀\",\n \"code\": \":twisted_rightwards_arrows:\",\n \"description\": \"Merge branches.\",\n \"name\": \"twisted-rightwards-arrows\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿ“ฆ๏ธ\",\n \"entity\": \"F4E6;\",\n \"code\": \":package:\",\n \"description\": \"Add or update compiled files or packages.\",\n \"name\": \"package\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ‘ฝ๏ธ\",\n \"entity\": \"F47D;\",\n \"code\": \":alien:\",\n \"description\": \"Update code due to external API changes.\",\n \"name\": \"alien\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿšš\",\n \"entity\": \"F69A;\",\n \"code\": \":truck:\",\n \"description\": \"Move or rename resources (e.g.: files, paths, routes).\",\n \"name\": \"truck\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿ“„\",\n \"entity\": \"F4C4;\",\n \"code\": \":page_facing_up:\",\n \"description\": \"Add or update license.\",\n \"name\": \"page-facing-up\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿ’ฅ\",\n \"entity\": \"💥\",\n \"code\": \":boom:\",\n \"description\": \"Introduce breaking changes.\",\n \"name\": \"boom\",\n \"semver\": \"major\"\n },\n {\n \"emoji\": \"๐Ÿฑ\",\n \"entity\": \"F371\",\n \"code\": \":bento:\",\n \"description\": \"Add or update assets.\",\n \"name\": \"bento\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"โ™ฟ๏ธ\",\n \"entity\": \"♿\",\n \"code\": \":wheelchair:\",\n \"description\": \"Improve accessibility.\",\n \"name\": \"wheelchair\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ’ก\",\n \"entity\": \"💡\",\n \"code\": \":bulb:\",\n \"description\": \"Add or update comments in source code.\",\n \"name\": \"bulb\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿป\",\n \"entity\": \"🍻\",\n \"code\": \":beers:\",\n \"description\": \"Write code drunkenly.\",\n \"name\": \"beers\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿ’ฌ\",\n \"entity\": \"💬\",\n \"code\": \":speech_balloon:\",\n \"description\": \"Add or update text and literals.\",\n \"name\": \"speech-balloon\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ—ƒ๏ธ\",\n \"entity\": \"🗃\",\n \"code\": \":card_file_box:\",\n \"description\": \"Perform database related changes.\",\n \"name\": \"card-file-box\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ”Š\",\n \"entity\": \"🔊\",\n \"code\": \":loud_sound:\",\n \"description\": \"Add or update logs.\",\n \"name\": \"loud-sound\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿ”‡\",\n \"entity\": \"🔇\",\n \"code\": \":mute:\",\n \"description\": \"Remove logs.\",\n \"name\": \"mute\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿ‘ฅ\",\n \"entity\": \"👥\",\n \"code\": \":busts_in_silhouette:\",\n \"description\": \"Add or update contributor(s).\",\n \"name\": \"busts-in-silhouette\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿšธ\",\n \"entity\": \"🚸\",\n \"code\": \":children_crossing:\",\n \"description\": \"Improve user experience / usability.\",\n \"name\": \"children-crossing\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ—๏ธ\",\n \"entity\": \"f3d7;\",\n \"code\": \":building_construction:\",\n \"description\": \"Make architectural changes.\",\n \"name\": \"building-construction\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿ“ฑ\",\n \"entity\": \"📱\",\n \"code\": \":iphone:\",\n \"description\": \"Work on responsive design.\",\n \"name\": \"iphone\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿคก\",\n \"entity\": \"🤡\",\n \"code\": \":clown_face:\",\n \"description\": \"Mock things.\",\n \"name\": \"clown-face\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿฅš\",\n \"entity\": \"🥚\",\n \"code\": \":egg:\",\n \"description\": \"Add or update an easter egg.\",\n \"name\": \"egg\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ™ˆ\",\n \"entity\": \"bdfe7;\",\n \"code\": \":see_no_evil:\",\n \"description\": \"Add or update a .gitignore file.\",\n \"name\": \"see-no-evil\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿ“ธ\",\n \"entity\": \"📸\",\n \"code\": \":camera_flash:\",\n \"description\": \"Add or update snapshots.\",\n \"name\": \"camera-flash\",\n \"semver\": null\n },\n {\n \"emoji\": \"โš—๏ธ\",\n \"entity\": \"⚗\",\n \"code\": \":alembic:\",\n \"description\": \"Perform experiments.\",\n \"name\": \"alembic\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ”๏ธ\",\n \"entity\": \"🔍\",\n \"code\": \":mag:\",\n \"description\": \"Improve SEO.\",\n \"name\": \"mag\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿท๏ธ\",\n \"entity\": \"🏷\",\n \"code\": \":label:\",\n \"description\": \"Add or update types.\",\n \"name\": \"label\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐ŸŒฑ\",\n \"entity\": \"🌱\",\n \"code\": \":seedling:\",\n \"description\": \"Add or update seed files.\",\n \"name\": \"seedling\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿšฉ\",\n \"entity\": \"🚩\",\n \"code\": \":triangular_flag_on_post:\",\n \"description\": \"Add, update, or remove feature flags.\",\n \"name\": \"triangular-flag-on-post\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿฅ…\",\n \"entity\": \"🥅\",\n \"code\": \":goal_net:\",\n \"description\": \"Catch errors.\",\n \"name\": \"goal-net\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ’ซ\",\n \"entity\": \"💫\",\n \"code\": \":dizzy:\",\n \"description\": \"Add or update animations and transitions.\",\n \"name\": \"dizzy\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ—‘๏ธ\",\n \"entity\": \"🗑\",\n \"code\": \":wastebasket:\",\n \"description\": \"Deprecate code that needs to be cleaned up.\",\n \"name\": \"wastebasket\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿ›‚\",\n \"entity\": \"🛂\",\n \"code\": \":passport_control:\",\n \"description\": \"Work on code related to authorization, roles and permissions.\",\n \"name\": \"passport-control\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿฉน\",\n \"entity\": \"🩹\",\n \"code\": \":adhesive_bandage:\",\n \"description\": \"Simple fix for a non-critical issue.\",\n \"name\": \"adhesive-bandage\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿง\",\n \"entity\": \"🧐\",\n \"code\": \":monocle_face:\",\n \"description\": \"Data exploration/inspection.\",\n \"name\": \"monocle-face\",\n \"semver\": null\n },\n {\n \"emoji\": \"โšฐ๏ธ\",\n \"entity\": \"⚰\",\n \"code\": \":coffin:\",\n \"description\": \"Remove dead code.\",\n \"name\": \"coffin\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿงช\",\n \"entity\": \"🧪\",\n \"code\": \":test_tube:\",\n \"description\": \"Add a failing test.\",\n \"name\": \"test-tube\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿ‘”\",\n \"entity\": \"👔\",\n \"code\": \":necktie:\",\n \"description\": \"Add or update business logic.\",\n \"name\": \"necktie\",\n \"semver\": \"patch\"\n },\n {\n \"emoji\": \"๐Ÿฉบ\",\n \"entity\": \"🩺\",\n \"code\": \":stethoscope:\",\n \"description\": \"Add or update healthcheck.\",\n \"name\": \"stethoscope\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿงฑ\",\n \"entity\": \"🧱\",\n \"code\": \":bricks:\",\n \"description\": \"Infrastructure related changes.\",\n \"name\": \"bricks\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿง‘โ€๐Ÿ’ป\",\n \"entity\": \"🧑‍💻\",\n \"code\": \":technologist:\",\n \"description\": \"Improve developer experience.\",\n \"name\": \"technologist\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿ’ธ\",\n \"entity\": \"💸\",\n \"code\": \":money_with_wings:\",\n \"description\": \"Add sponsorships or money related infrastructure.\",\n \"name\": \"money-with-wings\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿงต\",\n \"entity\": \"🧵\",\n \"code\": \":thread:\",\n \"description\": \"Add or update code related to multithreading or concurrency.\",\n \"name\": \"thread\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿฆบ\",\n \"entity\": \"🦺\",\n \"code\": \":safety_vest:\",\n \"description\": \"Add or update code related to validation.\",\n \"name\": \"safety-vest\",\n \"semver\": null\n },\n {\n \"emoji\": \"โœˆ๏ธ\",\n \"entity\": \"✈\",\n \"code\": \":airplane:\",\n \"description\": \"Improve offline support.\",\n \"name\": \"airplane\",\n \"semver\": null\n },\n {\n \"emoji\": \"๐Ÿฆ–\",\n \"entity\": \"✈\",\n \"code\": \":t-rex:\",\n \"description\": \"Code that adds backwards compatibility.\",\n \"name\": \"t-rex\",\n \"semver\": null\n }\n ]\n}\n" }, { "path": "packages/gitmojis/src/index.d.ts", "content": "declare module 'gitmojis' {\n type Gitmoji = {\n /**\n * Gitmoji unicode character\n * @example '๐ŸŽจ', 'โšก๏ธ', '๐Ÿ”ฅ', '๐Ÿ›'\n */\n readonly emoji: string\n /**\n * Gitmoji hexadecimal entity.\n * @example '🎨', '⚡', '🔥', '🐛'\n */\n readonly entity: `&#${string};`\n /**\n * Gitmoji use-case description.\n */\n readonly description: string\n /**\n * Gitmoji name.\n * @example 'art', 'zap', 'fire', 'bug'\n */\n readonly name: string\n /**\n * Gitmoji semver range. Can be `null` if not specified.\n */\n readonly semver: 'patch' | 'minor' | 'major' | null\n /**\n * Gitmoji character formatted as a shortcode.\n * @example ':art:', ':zap:', ':fire:', ':bug:'\n */\n readonly code: `:${string}:`\n }\n\n export const gitmojis: readonly Gitmoji[]\n\n export const schema: readonly any\n}\n" }, { "path": "packages/gitmojis/src/index.js", "content": "import gitmojisJson from './gitmojis.json' assert { type: 'json' }\n\nexport { default as schema } from './schema.json' assert { type: 'json' }\n\nexport const gitmojis = gitmojisJson.gitmojis\n" }, { "path": "packages/gitmojis/src/schema.json", "content": "{\n \"type\": \"object\",\n \"$schema\": \"https://json-schema.org/draft/2020-12/schema\",\n \"required\": [\"gitmojis\"],\n \"properties\": {\n \"gitmojis\": {\n \"type\": \"array\",\n \"minItems\": 1,\n \"uniqueItems\": true,\n \"items\": {\n \"type\": \"object\",\n \"required\": [\n \"emoji\",\n \"entity\",\n \"code\",\n \"description\",\n \"name\",\n \"semver\"\n ],\n \"properties\": {\n \"code\": {\n \"type\": \"string\"\n },\n \"entity\": {\n \"type\": \"string\"\n },\n \"description\": {\n \"type\": \"string\"\n },\n \"emoji\": {\n \"type\": \"string\"\n },\n \"name\": {\n \"type\": \"string\"\n },\n \"semver\": {\n \"enum\": [\"major\", \"minor\", \"patch\", null]\n }\n }\n }\n }\n }\n}\n" }, { "path": "packages/website/.lintstagedrc.json", "content": "{\n \"./src/**/*.{ts,tsx,css}\": [\n \"eslint --cache --fix\",\n \"prettier --write ./src/**/*.{ts,tsx,css}\"\n ]\n}\n" }, { "path": "packages/website/__mocks__/svg.js", "content": "module.exports = 'svg-mock'\n" }, { "path": "packages/website/eslint.config.mjs", "content": "import { FlatCompat } from '@eslint/eslintrc'\nimport js from '@eslint/js'\nimport typescriptParser from '@typescript-eslint/parser'\nimport typescriptPlugin from '@typescript-eslint/eslint-plugin'\nimport reactPlugin from 'eslint-plugin-react'\nimport importPlugin from 'eslint-plugin-import'\nimport nextPlugin from '@next/eslint-plugin-next'\nimport prettierConfig from 'eslint-config-prettier'\nimport path from 'path'\nimport { fileURLToPath } from 'url'\n\nconst __filename = fileURLToPath(import.meta.url)\nconst __dirname = path.dirname(__filename)\n\nconst compat = new FlatCompat({\n baseDirectory: __dirname,\n})\n\nexport default [\n js.configs.recommended,\n ...compat.extends('plugin:@typescript-eslint/recommended'),\n prettierConfig,\n {\n files: ['**/*.{js,mjs,cjs,ts,tsx}'],\n languageOptions: {\n parser: typescriptParser,\n parserOptions: {\n ecmaVersion: 12,\n sourceType: 'module',\n ecmaFeatures: {\n jsx: true,\n },\n },\n globals: {\n React: 'readonly',\n JSX: 'readonly',\n window: 'readonly',\n document: 'readonly',\n navigator: 'readonly',\n console: 'readonly',\n process: 'readonly',\n __dirname: 'readonly',\n __filename: 'readonly',\n module: 'readonly',\n require: 'readonly',\n jest: 'readonly',\n describe: 'readonly',\n it: 'readonly',\n test: 'readonly',\n expect: 'readonly',\n beforeAll: 'readonly',\n beforeEach: 'readonly',\n afterAll: 'readonly',\n afterEach: 'readonly',\n },\n },\n plugins: {\n '@typescript-eslint': typescriptPlugin,\n react: reactPlugin,\n import: importPlugin,\n '@next/next': nextPlugin,\n },\n settings: {\n react: {\n version: 'detect',\n },\n 'import/resolver': {\n typescript: true,\n node: true,\n alias: {\n map: [['src', './src']],\n },\n },\n },\n rules: {\n 'react/react-in-jsx-scope': 'off',\n '@next/next/no-img-element': 'off',\n 'react/no-unknown-property': [\n 'error',\n {\n ignore: ['jsx', 'global'],\n },\n ],\n 'import/order': [\n 'error',\n {\n groups: [\n ['builtin', 'external'],\n ['internal', 'parent', 'sibling', 'index'],\n ],\n 'newlines-between': 'always',\n },\n ],\n },\n },\n]\n" }, { "path": "packages/website/jest.config.js", "content": "const nextJest = require('next/jest')\n\nconst createJestConfig = nextJest({ dir: './' })\n\nasync function jestConfig() {\n const nextJestConfig = await createJestConfig({\n \"collectCoverageFrom\": [\n \"src/**/*.{ts,tsx}\",\n ],\n \"testMatch\": [\n \"**/*.(spec).(ts)\",\n \"**/*.(spec).(tsx)\"\n ],\n \"moduleNameMapper\": {\n \"src/(.*)$\": \"/src/$1\",\n \"\\\\.svg$\": \"/__mocks__/svg.js\"\n },\n \"testEnvironment\": \"jsdom\",\n \"setupFilesAfterEnv\": [\"/jest.setup.js\"],\n \"reporters\": [\n \"default\",\n \"github-actions\"\n ]\n })()\n\n // Add ignores for specific ESM packages so they are transformed by Jest\n // See: https://github.com/vercel/next.js/issues/35634\n nextJestConfig.transformIgnorePatterns[0] = '/node_modules/(!@vercel/analytics)/'\n\n return nextJestConfig\n}\n\nmodule.exports = jestConfig\n" }, { "path": "packages/website/jest.d.ts", "content": "/// \n" }, { "path": "packages/website/jest.setup.js", "content": "import '@testing-library/jest-dom'\nimport React from 'react'\n\n// Mock next/dynamic to load components synchronously in tests\njest.mock('next/dynamic', () => ({\n __esModule: true,\n default: (...args) => {\n const dynamicModule = jest.requireActual('next/dynamic')\n const dynamicActualComp = dynamicModule.default\n const RequiredComponent = dynamicActualComp(args[0])\n RequiredComponent.preload ? RequiredComponent.preload() : RequiredComponent.render.preload()\n return RequiredComponent\n },\n}))\n\n// Mock matchMedia for components that use it\nObject.defineProperty(window, 'matchMedia', {\n writable: true,\n value: jest.fn().mockImplementation((query) => ({\n matches: false,\n media: query,\n onchange: null,\n addListener: jest.fn(),\n removeListener: jest.fn(),\n addEventListener: jest.fn(),\n removeEventListener: jest.fn(),\n dispatchEvent: jest.fn(),\n })),\n})\n\n// Silence known React/JSDOM warnings in tests that don't affect functionality\nconst originalError = console.error\nbeforeAll(() => {\n console.error = (...args) => {\n // Suppress SVG element warnings - these are JSDOM limitations, not actual errors\n // The SVG elements work fine in real browsers\n if (\n typeof args[0] === 'string' &&\n (args[0].includes('The tag <') && args[0].includes('is unrecognized in this browser'))\n ) {\n return\n }\n originalError.call(console, ...args)\n }\n})\n\nafterAll(() => {\n console.error = originalError\n})\n\n// Mock SVG namespace attributes for JSDOM\n// JSDOM doesn't fully support SVG namespaced attributes like xlink:href\nconst originalCreateElement = document.createElement.bind(document)\nconst originalCreateElementNS = document.createElementNS.bind(document)\n\ndocument.createElement = function (tagName, options) {\n const element = originalCreateElement(tagName, options)\n if (tagName.toLowerCase() === 'svg') {\n element.setAttribute = function (name, value) {\n if (name === 'xlinkHref') {\n this.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', value)\n } else {\n Element.prototype.setAttribute.call(this, name, value)\n }\n }\n }\n return element\n}\n\ndocument.createElementNS = function (namespaceURI, qualifiedName) {\n const element = originalCreateElementNS(namespaceURI, qualifiedName)\n if (namespaceURI === 'http://www.w3.org/2000/svg') {\n element.setAttribute = function (name, value) {\n if (name === 'xlinkHref') {\n this.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', value)\n } else {\n Element.prototype.setAttribute.call(this, name, value)\n }\n }\n }\n return element\n}\n" }, { "path": "packages/website/jsconfig.json", "content": "{\n \"compilerOptions\": {\n \"baseUrl\": \".\"\n }\n}\n" }, { "path": "packages/website/next-env.d.ts", "content": "/// \n/// \nimport \"./.next/types/routes.d.ts\";\n\n// NOTE: This file should not be edited\n// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.\n" }, { "path": "packages/website/next-sitemap.config.js", "content": "/** @type {import('next-sitemap').IConfig} */\nmodule.exports = {\n siteUrl: 'https://gitmoji.dev',\n generateRobotsTxt: true,\n}\n" }, { "path": "packages/website/next-sitemap.js", "content": "module.exports = {\n siteUrl: 'https://gitmoji.dev',\n generateRobotsTxt: true,\n}\n" }, { "path": "packages/website/next.config.js", "content": "module.exports = {\n reactStrictMode: true,\n output: 'export',\n}\n" }, { "path": "packages/website/package.json", "content": "{\n \"name\": \"website\",\n \"private\": true,\n \"version\": \"1.0.0\",\n \"engines\": {\n \"node\": \"24\"\n },\n \"scripts\": {\n \"build\": \"node scripts/generate-api.js && next build && next-sitemap\",\n \"tscheck\": \"pnpm exec tsc --noEmit\",\n \"dev\": \"next dev\",\n \"lint\": \"eslint ./src && prettier --check ./src/**/*.{ts,tsx,css}\",\n \"start\": \"next start\",\n \"test\": \"FORCE_COLOR=1 jest --coverage\"\n },\n \"devDependencies\": {\n \"@eslint/eslintrc\": \"3.3.3\",\n \"@eslint/js\": \"9.39.2\",\n \"@next/eslint-plugin-next\": \"16.1.6\",\n \"@testing-library/jest-dom\": \"6.9.1\",\n \"@testing-library/react\": \"16.3.2\",\n \"@testing-library/user-event\": \"14.6.1\",\n \"@types/fetch-mock\": \"^7.3.8\",\n \"@types/jest\": \"^29.5.14\",\n \"@types/react\": \"^19.2.14\",\n \"@typescript-eslint/eslint-plugin\": \"^8.52.0\",\n \"@typescript-eslint/parser\": \"^8.53.0\",\n \"clipboard\": \"^2.0.11\",\n \"eslint\": \"^9.39.2\",\n \"eslint-config-next\": \"^16.1.6\",\n \"eslint-config-prettier\": \"^10.1.8\",\n \"eslint-import-resolver-alias\": \"^1.1.2\",\n \"eslint-import-resolver-typescript\": \"^4.4.4\",\n \"eslint-plugin-import\": \"^2.32.0\",\n \"eslint-plugin-jest\": \"^29.12.1\",\n \"eslint-plugin-react\": \"^7.37.5\",\n \"focus-trap-react\": \"^12.0.0\",\n \"gitmojis\": \"workspace:*\",\n \"jest\": \"^29.7.0\",\n \"jest-environment-jsdom\": \"^30.2.0\",\n \"jest-fetch-mock\": \"^3.0.3\",\n \"lint-staged\": \"^16.2.7\",\n \"next\": \"^16.1.6\",\n \"next-sitemap\": \"^4.2.3\",\n \"next-themes\": \"^0.4.6\",\n \"node-mocks-http\": \"^1.17.2\",\n \"prettier\": \"3.8.1\",\n \"prop-types\": \"^15.8.1\",\n \"react\": \"^19.2.4\",\n \"react-dom\": \"^19.2.4\",\n \"react-hot-toast\": \"^2.5.2\",\n \"typescript\": \"^5.9.3\"\n },\n \"author\": {\n \"name\": \"carloscuesta\",\n \"email\": \"hi@carloscuesta.me\",\n \"url\": \"https://carloscuesta.me\"\n },\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/carloscuesta/gitmoji/issues\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/carloscuesta/gitmoji.git\"\n },\n \"homepage\": \"https://gitmoji.dev\",\n \"keywords\": [\n \"gitmoji\",\n \"emoji\",\n \"carloscuesta\",\n \"commit\"\n ],\n \"prettier\": {\n \"semi\": false,\n \"singleQuote\": true,\n \"arrowParens\": \"always\"\n }\n}\n" }, { "path": "packages/website/public/_redirects", "content": "/api/gitmojis /api/gitmojis/index.json 200\n" }, { "path": "packages/website/public/static/browserconfig.xml", "content": "\n#ffffff\n" }, { "path": "packages/website/public/static/manifest.json", "content": "{\n \"name\": \"Gitmoji\",\n \"display\": \"minimal-ui\",\n \"start_url\": \"/\",\n \"theme_color\": \"#FFDD67\",\n \"background_color\": \"#FFF\",\n \"icons\": [\n {\n \"src\": \"/static/android-icon-36x36.png\",\n \"sizes\": \"36x36\",\n \"type\": \"image/png\",\n \"density\": \"0.75\"\n },\n {\n \"src\": \"/static/android-icon-48x48.png\",\n \"sizes\": \"48x48\",\n \"type\": \"image/png\",\n \"density\": \"1.0\"\n },\n {\n \"src\": \"/static/android-icon-72x72.png\",\n \"sizes\": \"72x72\",\n \"type\": \"image/png\",\n \"density\": \"1.5\"\n },\n {\n \"src\": \"/static/android-icon-96x96.png\",\n \"sizes\": \"96x96\",\n \"type\": \"image/png\",\n \"density\": \"2.0\"\n },\n {\n \"src\": \"/static/android-icon-144x144.png\",\n \"sizes\": \"144x144\",\n \"type\": \"image/png\",\n \"density\": \"3.0\"\n },\n {\n \"src\": \"/static/android-icon-192x192.png\",\n \"sizes\": \"192x192\",\n \"type\": \"image/png\",\n \"density\": \"4.0\"\n },\n {\n \"src\": \"/static/android-icon-512x512.png\",\n \"sizes\": \"512x512\",\n \"type\": \"image/png\",\n \"density\": \"4.0\"\n },\n {\n \"src\": \"/static/maskable_icon.png\",\n \"sizes\": \"192x192\",\n \"type\": \"image/png\",\n \"purpose\": \"maskable\"\n }\n ]\n}\n" }, { "path": "packages/website/public/static/opensearchdescription.xml", "content": "\n\n Gitmoji\n An emoji guide for your commit messages.\n gitmoji emoji git\n https://gitmoji.dev/static/favicon-16x16.png\n https://gitmoji.dev/static/favicon-32x32.png\n https://gitmoji.dev/static/favicon-96x96.png\n \n\n" }, { "path": "packages/website/scripts/generate-api.js", "content": "const { gitmojis } = require('gitmojis')\nconst fs = require('fs')\nconst path = require('path')\n\nconst outputDir = path.join(__dirname, '../public/api/gitmojis')\nfs.mkdirSync(outputDir, { recursive: true })\nfs.writeFileSync(\n path.join(outputDir, 'index.json'),\n JSON.stringify({ gitmojis }, null, 2)\n)\n\nconsole.log('Generated static API at public/api/gitmojis/index.json')\n" }, { "path": "packages/website/src/__tests__/pages.spec.tsx", "content": "import { render, screen } from '@testing-library/react'\n\nimport RootLayout from '../app/layout'\nimport Home from '../app/page'\nimport About from '../app/about/page'\nimport Specification from '../app/specification/page'\nimport RelatedTools from '../app/related-tools/page'\n\njest.mock('next/navigation', () => ({\n useRouter: jest.fn(() => ({\n push: jest.fn(),\n replace: jest.fn(),\n prefetch: jest.fn(),\n })),\n useSearchParams: jest.fn(() => new URLSearchParams()),\n usePathname: jest.fn(() => '/'),\n}))\n\njest.mock('next-themes', () => ({\n ThemeProvider: ({ children }: { children: React.ReactNode }) => (\n
{children}
\n ),\n useTheme: jest.fn(() => ({\n resolvedTheme: 'light',\n setTheme: jest.fn(),\n })),\n}))\n\ndescribe('Pages', () => {\n beforeAll(() => {\n Math.random = jest.fn().mockReturnValue(1)\n })\n\n describe('RootLayout', () => {\n it('should include theme provider and layout wrapper', () => {\n expect(RootLayout).toBeDefined()\n expect(typeof RootLayout).toBe('function')\n })\n })\n\n describe('Home', () => {\n it('should render the page', () => {\n const { container } = render()\n expect(container.firstChild).toBeInTheDocument()\n })\n })\n\n describe('About', () => {\n it('should render the page with about content', () => {\n render()\n expect(screen.getByText(/About/i)).toBeInTheDocument()\n })\n })\n\n describe('Specification', () => {\n it('should render the page with specification content', () => {\n render()\n const heading = screen.getByRole('heading', {\n name: /Specification/i,\n level: 1,\n })\n expect(heading).toBeInTheDocument()\n })\n })\n\n describe('Related tools', () => {\n it('should render the page', () => {\n render()\n expect(screen.getByText(/Related Tools/i)).toBeInTheDocument()\n })\n })\n})\n" }, { "path": "packages/website/src/__tests__/stubs.tsx", "content": "export const appProps = {\n Component: (props: object) =>
Component
,\n pageProps: { test: '' },\n}\n\nexport const contributors = [\n {\n url: 'https://github.com/profile',\n avatar: 'https://github.com/avatar',\n id: 'contributor-id-123',\n },\n]\n\nexport const contributorsMock = [\n {\n html_url: 'https://github.com/profile',\n avatar_url: 'https://github.com/avatar',\n id: 'contributor-id-123',\n login: 'carloscuesta',\n },\n]\n" }, { "path": "packages/website/src/app/about/page.tsx", "content": "import type { Metadata } from 'next'\nimport Link from 'next/link'\n\nimport CarbonAd from 'src/components/CarbonAd'\n\nexport const metadata: Metadata = {\n title: 'gitmoji | About | An emoji guide for your commit messages',\n alternates: {\n canonical: '/about',\n },\n}\n\nexport default function About() {\n return (\n
\n \n
\n

About

\n\n

\n Gitmoji is an emoji guide for GitHub commit messages.\n Aims to be a standarization cheatsheet - guide for using emojis on\n GitHub's commit messages.\n

\n\n

\n Using emojis on commit messages{' '}\n provides an easy way of{' '}\n identifying the purpose or intention of a commit with\n only looking at the emojis used. As there are a lot of different\n emojis I found the need of creating a guide that can help to use\n emojis easier.\n

\n\n

\n This project is Open Source, that means everyone can participate,\n suggesting, discussing and adding new emojis. Take a look at the{' '}\n contributing section and{' '}\n \n guidelines for contributing\n \n .\n

\n
\n\n
\n

\n Using gitmoji with{' '}\n gitmoji-cli\n

\n\n

\n An easy solution for using gitmoji from your command line, is to\n install{' '}\n gitmoji-cli.\n A gitmoji interactive client for using emojis on commit messages.\n

\n\n 
\n          $ npm i -g gitmoji-cli\n
\n
\n\n
\n

Specification

\n\n

\n To understand how to use gitmoji properly, please check the official\n specification here ๐Ÿ‘ˆ.\n

\n
\n\n
\n

Contributing to gitmoji

\n\n

\n Contributing to gitmoji is a piece of ๐Ÿฐ! This project is a static\n website built with Next.js. All the gitmojis displayed are\n rendered from a JSON file. Before submitting any pull request, please\n follow these steps:\n

\n\n
    \n
  1. \n \n Create an issue\n {' '}\n filling the template.\n
    2. \n
  2. \n After discussing the idea, feature or suggestion,{' '}\n \n read the contribution docs.\n \n
    3. \n
  3. \n \n Create a fork{' '}\n \n of gitmoji.\n
    4. \n
  4. \n Create a new branch with the feature name. (Eg: add-emoji-deploy,\n fix-website-header)\n
    5. \n
  5. \n Make your changes and send a{' '}\n \n pull request{' '}\n \n .\n
    6. \n
\n
\n
\n )\n}\n" }, { "path": "packages/website/src/app/contributors/page.tsx", "content": "import type { Metadata } from 'next'\n\nimport ContributorsList from 'src/components/ContributorsList'\nimport CarbonAd from 'src/components/CarbonAd'\n\nexport const metadata: Metadata = {\n title: 'gitmoji | Contributors | An emoji guide for your commit messages',\n alternates: {\n canonical: '/contributors',\n },\n}\n\ntype Contributor = {\n avatar: string\n id: string\n url: string\n}\n\ntype GitHubContributor = {\n avatar_url: string\n id: string\n html_url: string\n login: string\n}\n\nasync function getContributors(): Promise {\n const response = await fetch(\n 'https://api.github.com/repos/carloscuesta/gitmoji/contributors',\n { next: { revalidate: 3600 * 3 } },\n )\n const contributors: GitHubContributor[] = await response.json()\n\n return contributors\n .filter((contributor) => !contributor.login.includes('bot'))\n .map((contributor) => ({\n avatar: contributor.avatar_url,\n id: contributor.id,\n url: contributor.html_url,\n }))\n}\n\nexport default async function Contributors() {\n const contributors = await getContributors()\n\n return (\n
\n \n
\n

Contributors

\n\n \n
\n
\n )\n}\n" }, { "path": "packages/website/src/app/layout.tsx", "content": "import type { Metadata } from 'next'\nimport { ThemeProvider } from 'next-themes'\n\nimport Layout from 'src/components/Layout'\nimport 'src/utils/theme/theme.css'\n\nexport const metadata: Metadata = {\n title: 'gitmoji | An emoji guide for your commit messages',\n description:\n \"Gitmoji is an emoji guide for your commit messages. Aims to be a standarization cheatsheet for using emojis on GitHub's commit messages.\",\n authors: [{ name: 'Carlos Cuesta', url: 'https://carloscuesta.me' }],\n keywords: ['gitmoji', 'emoji', 'carloscuesta', 'commit'],\n metadataBase: new URL('https://gitmoji.dev'),\n alternates: {\n canonical: '/',\n },\n robots: 'index, follow',\n openGraph: {\n title: 'gitmoji',\n description: 'An emoji guide for your commit messages.',\n url: 'https://gitmoji.dev',\n images: [\n {\n url: 'https://gitmoji.dev/static/gitmoji.gif',\n },\n ],\n },\n twitter: {\n card: 'summary',\n title: 'gitmoji',\n description: 'An emoji guide for your commit messages.',\n creator: '@crloscuesta',\n images: ['https://gitmoji.dev/static/gitmoji.gif'],\n },\n icons: {\n icon: [\n { url: '/static/favicon-16x16.png', sizes: '16x16', type: 'image/png' },\n { url: '/static/favicon-32x32.png', sizes: '32x32', type: 'image/png' },\n { url: '/static/favicon-96x96.png', sizes: '96x96', type: 'image/png' },\n {\n url: '/static/android-icon-192x192.png',\n sizes: '192x192',\n type: 'image/png',\n },\n ],\n apple: [\n { url: '/static/apple-icon-57x57.png', sizes: '57x57' },\n { url: '/static/apple-icon-60x60.png', sizes: '60x60' },\n { url: '/static/apple-icon-72x72.png', sizes: '72x72' },\n { url: '/static/apple-icon-76x76.png', sizes: '76x76' },\n { url: '/static/apple-icon-114x114.png', sizes: '114x114' },\n { url: '/static/apple-icon-120x120.png', sizes: '120x120' },\n { url: '/static/apple-icon-144x144.png', sizes: '144x144' },\n { url: '/static/apple-icon-152x152.png', sizes: '152x152' },\n { url: '/static/apple-icon-180x180.png', sizes: '180x180' },\n ],\n },\n manifest: '/static/manifest.json',\n other: {\n 'msapplication-TileColor': '#FFDD67',\n 'msapplication-TileImage': '/ms-icon-144x144.png',\n 'google-site-verification': '78vmlhi_erc-UGybxcGwHyiUtf04wzYExTLa-4LoWio',\n },\n}\n\nexport default function RootLayout({\n children,\n}: {\n children: React.ReactNode\n}) {\n return (\n \n \n \n \n \n \n \n \n {children}\n \n \n \n )\n}\n" }, { "path": "packages/website/src/app/page.tsx", "content": "import { Toaster } from 'react-hot-toast'\nimport { gitmojis } from 'gitmojis'\n\nimport GitmojiList from 'src/components/GitmojiList'\nimport CarbonAd from 'src/components/CarbonAd'\n\nexport default function Home() {\n return (\n
\n \n \n \n
\n )\n}\n" }, { "path": "packages/website/src/app/related-tools/page.tsx", "content": "import type { Metadata } from 'next'\n\nimport CarbonAd from 'src/components/CarbonAd'\n\nexport const metadata: Metadata = {\n title: 'gitmoji | Related tools | An emoji guide for your commit messages',\n alternates: {\n canonical: '/related-tools',\n },\n}\n\nconst tools = [\n {\n name: 'gitmoji-changelog',\n description: 'A changelog generator for gitmoji.',\n link: 'https://github.com/frinyvonnick/gitmoji-changelog/',\n },\n {\n name: 'gitmemoji',\n description: 'A game to learn gitmojis.',\n link: 'https://github.com/ImBIOS/gitmemoji/',\n },\n {\n name: 'gitmoji-browser-extension',\n description: 'The Gitmoji extension to easily search and copy gitmojis.',\n link: 'https://github.com/johannchopin/gitmoji-browser-extension',\n },\n {\n name: 'gitmoji-vscode',\n description: 'Gitmoji tool for git commit messages in VS Code',\n link: 'https://github.com/seatonjiang/gitmoji-vscode',\n },\n {\n name: 'gitmoji-intellij-plugin',\n description:\n 'A Jetbrains suite plugin to easily add gitmoji when committing',\n link: 'https://plugins.jetbrains.com/plugin/12383-gitmoji-plus-commit-button',\n },\n {\n name: 'gitmoji-sublimetext',\n description: 'A Sublime Text plugin to add emojis in git commit messages.',\n link: 'https://packagecontrol.io/packages/Gitmoji',\n },\n {\n name: 'gitimoji',\n description: 'A Gitmoji App for macOS.',\n link: 'https://github.com/TimoZacherl/gitimoji',\n },\n {\n name: 'gitmoji-atom',\n description: 'Gitmoji for Atom',\n link: 'https://github.com/ThatXliner/gitmoji-atom',\n },\n {\n name: 'gitmoji-regex',\n description: 'A Gitmoji::Regex for Ruby.',\n link: 'https://github.com/pboling/gitmoji-regex',\n },\n {\n name: 'traymoji',\n description: 'A Electron Tray App for Gitmojis',\n link: 'https://github.com/CoenWarmer/traymoji',\n },\n {\n name: 'alfred-gitmoji',\n description: 'Gitmoji Workflow for Alfred',\n link: 'https://github.com/techouse/alfred-gitmoji',\n },\n {\n name: 'gitmojiapp',\n description: 'A Flutter Gitmoji App for macOS, Linux, and Windows',\n link: 'https://github.com/patrick-fu/GitmojiApp',\n },\n {\n name: 'githubmoji',\n description:\n 'A Firefox addon that adds a predictive gitmoji picker to GitHub commit message inputs.',\n link: 'https://github.com/ma1ted/githubmoji',\n },\n {\n name: 'gitmoji-changelog-action',\n description: 'GitHub Action for gitmoji-changelog',\n link: 'https://github.com/sercanuste/gitmoji-changelog-action',\n },\n {\n name: 'raycast-gitmoji-search',\n description: 'Gitmoji extension for Raycast',\n link: 'https://www.raycast.com/ricoberger/gitmoji',\n },\n {\n name: 'gitmoji-fuzzy-hook',\n description:\n 'Fuzzy finder git-commit-hook for prepending a gitmoji (cmd & GUI).',\n link: 'https://gitlab.com/raabf/gitmoji-fuzzy-hook',\n },\n {\n name: 'genmoji',\n description: 'Gitmoji commit message generation using AI',\n link: 'https://github.com/segersniels/genmoji',\n },\n {\n name: 'gitmoji-plus-flow-launcher',\n description: 'A flow launcher plugin to search and copy gitmojis',\n link: 'https://github.com/tho-myr/Flow.Launcher.Plugin.Gitmoji_Plus',\n },\n]\n\nexport default function RelatedTools() {\n return (\n
\n \n
\n

Related tools

\n\n

\n This is a list of tools which are related with the gitmoji{' '}\n convention.\n

\n\n
    \n {tools.map((tool) => (\n
  • \n \n {tool.name}\n \n {`: ${tool.description}`}\n
    • \n ))}\n
\n
\n
\n )\n}\n" }, { "path": "packages/website/src/app/specification/page.tsx", "content": "import type { Metadata } from 'next'\nimport Link from 'next/link'\n\nimport CarbonAd from 'src/components/CarbonAd'\n\nexport const metadata: Metadata = {\n title: 'gitmoji | Specification | An emoji guide for your commit messages',\n alternates: {\n canonical: '/specification',\n },\n}\n\nexport default function Specification() {\n return (\n
\n \n
\n

Specification

\n\n

\n You can extend Gitmoji and make it your own, but in case you want to\n follow the official specification, please continue reading ๐Ÿ‘€\n

\n\n

\n A gitmoji commit message consists is composed using the following\n pieces:\n

\n\n
    \n
  • \n intention: The intention you want to express with the commit,\n using an emoji from the list. Either in the\n :shortcode: or unicode format.\n
    • \n
  • \n scope: An optional string that adds contextual information\n for the scope of the change.\n
    • \n
  • \n message: A brief explanation of the change.\n
    • \n
\n\n 
\n          <intention> [scope?][:?] <message>\n
\n
\n\n
\n

Examples

\n\n
    \n
  • โšก๏ธ Lazyload home screen images.
    • \n
  • ๐Ÿ› Fix `onClick` event handler
    • \n
  • ๐Ÿ”– Bump version `1.2.0`
    • \n
  • โ™ป๏ธ (components): Transform classes to hooks
    • \n
  • ๐Ÿ“ˆ Add analytics to the dashboard
    • \n
  • ๐ŸŒ Support Japanese language
    • \n
  • โ™ฟ๏ธ (account): Improve modals a11y
    • \n
\n
\n\n
\n

Shortcode vs Unicode format

\n\n

\n You'll notice that when using emojis in commits, it's possible\n to use either the shortcode or the unicode format.\n

\n\n

\n The difference between both is that the unicode represents the emoji\n itself while the shortcode is a text representation of the emoji that\n will be converted to the unicode character when rendered on a Git\n platform, such as GitHub, GitLab etc.\n

\n\n

\n Both approaches are completely fine, you can choose the one you're\n most comfortable and suits you best. Let's understand the pros and\n cons of each approach so you can decide on it:\n

\n\n

Unicode

\n\n

Pros โœ…

\n\n
    \n
  • \n It represents the actual emoji no external systems are needed.\n
    • \n
  • Better git log.
    • \n
  • Easier to type.
    • \n
  • Takes less characters of the commit title.
    • \n
\n\n

Cons โŒ

\n
    \n
  • Might not be supported in all terminals / operating systems.
    • \n
\n\n

Shortcode

\n

Pros โœ…

\n
    \n
  • \n Supported everywhere as it's a text representation of the emoji.\n
    • \n
\n

Cons โŒ

\n
    \n
  • \n You'll need a platform / system that knows how to properly\n render the shortcode.\n
    • \n
  • \n Different platforms / systems might use different shortcode namings,\n eg: GitHub and GitLab have some differences.\n
    • \n
  • Takes more characters of the commit title.
    • \n
\n
\n
\n )\n}\n" }, { "path": "packages/website/src/components/Button/__tests__/button.spec.tsx", "content": "import { render, screen } from '@testing-library/react'\n\nimport Button from '../index'\nimport * as stubs from './stubs'\n\ndescribe('Button', () => {\n it('should render the component with correct attributes', () => {\n render(\n \n
\n \n \n {replaceWithJSX(\n props.code,\n '_',\n <>\n _\n ,\n )}\n \n \n

{props.description}

\n
\n \n \n )\n}\n\nconst replaceWithJSX = (\n text: string,\n find: string,\n replace: React.JSX.Element,\n) => {\n const nodes: (string | React.JSX.Element)[] = text.split(find)\n const first = nodes.shift()\n\n return nodes\n .reduce((newNodes, part) => [...newNodes, replace, part], [first])\n .map((el, index) => {el})\n}\n\nexport default Gitmoji\n" }, { "path": "packages/website/src/components/GitmojiList/Gitmoji/styles.module.css", "content": ".emoji {\n display: flex;\n box-sizing: border-box;\n}\n\n.card {\n background-color: var(--cardBackground);\n border-radius: 4px;\n box-shadow: 0 1px 2px 0 var(--cardShadow);\n flex: 1;\n margin: 1em 0;\n transition: all 0.25s ease-out;\n text-align: center;\n overflow: hidden;\n}\n\n.cardList {\n display: flex;\n}\n\n.cardList .gitmoji {\n font-size: 3.5em;\n}\n\n.cardList .cardHeader {\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 1rem;\n}\n\n.cardList .gitmojiInfo {\n text-align: left;\n padding: 1rem;\n}\n\n.cardList .gitmojiCode {\n text-align: left;\n}\n\n.cardList .gitmojiInfo p {\n padding: 0;\n margin: 0;\n padding-top: 0.5rem;\n}\n\n.card:hover {\n box-shadow: 0 10px 20px 0 var(--cardShadow);\n transform: translateY(-1px);\n}\n\n[data-theme='dark'] .card:hover {\n box-shadow: none;\n background-color: #3b3b3b;\n}\n\n.cardHeader {\n background-color: var(--emojiColor);\n align-self: flex-start;\n padding-top: 2em;\n padding-bottom: 0.85em;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n\n.gitmoji,\n.gitmojiCode {\n background-color: transparent;\n border: none;\n color: inherit;\n font: inherit;\n padding: 0;\n}\n\n.gitmoji {\n border-radius: none;\n cursor: pointer;\n display: inline-block;\n font-size: 5em;\n font-family:\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji',\n 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';\n}\n\n.gitmoji:hover,\n.gitmoji:focus {\n animation-name: bounce;\n animation-duration: 0.5s;\n}\n\n.gitmojiCode {\n display: inline-block;\n position: relative;\n border-radius: 4px;\n transition-duration: 0.3s;\n cursor: pointer;\n white-space: nowrap;\n}\n\n.gitmojiCode::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 0.2em;\n border-radius: 4px;\n transition: width 0.15s;\n background-color: var(--emojiColor);\n}\n\n.gitmojiCode:hover::after {\n width: 100%;\n}\n\n.gitmojiInfo {\n padding: 1.5em;\n word-break: break-all;\n color: var(--emojiCodeText);\n}\n\n.gitmojiInfo p {\n color: var(--cardText);\n word-break: normal;\n}\n\n@media (max-width: 768px) {\n .gitmoji,\n .cardList .gitmoji {\n font-size: 50px;\n }\n\n .cardHeader {\n padding-bottom: 1em;\n }\n}\n\n/*\n This code has been obtained from:\n https://github.com/daneden/animate.css/blob/master/source/attention_seekers/bounce.css\n*/\n@keyframes bounce {\n from,\n 20%,\n 53%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n transform: translate3d(0, 0, 0);\n }\n\n 40%,\n 43% {\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n transform: translate3d(0, -9px, 0);\n }\n\n 70% {\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n transform: translate3d(0, -5px, 0);\n }\n\n 90% {\n transform: translate3d(0, -2px, 0);\n }\n}\n" }, { "path": "packages/website/src/components/GitmojiList/SearchParamsSync.tsx", "content": "'use client'\n\nimport { useEffect } from 'react'\nimport { useRouter, useSearchParams } from 'next/navigation'\n\ntype Props = {\n searchInput: string\n setSearchInput: (value: string) => void\n}\n\n/**\n * Small client component that syncs URL search params with the search input state.\n * Wrapped in Suspense to avoid CSR bailout while keeping the main list static.\n */\nexport default function SearchParamsSync({\n searchInput,\n setSearchInput,\n}: Props) {\n const router = useRouter()\n const searchParams = useSearchParams()\n\n useEffect(() => {\n const search = searchParams.get('search')\n if (search) {\n setSearchInput(search)\n }\n }, [searchParams, setSearchInput])\n\n useEffect(() => {\n const search = searchParams.get('search')\n if (search && !searchInput) {\n router.push('/')\n }\n }, [searchInput, searchParams, router])\n\n return null\n}\n" }, { "path": "packages/website/src/components/GitmojiList/Toolbar/Kbd/index.tsx", "content": "import styles from './styles.module.css'\n\nconst isMacOs = () => {\n return (\n typeof window !== 'undefined' &&\n window.navigator.platform.toUpperCase().includes('MAC')\n )\n}\n\nconst Kbd = () => {\n return {isMacOs() ? 'โŒ˜' : 'Ctrl'} K\n}\n\nexport default Kbd\n" }, { "path": "packages/website/src/components/GitmojiList/Toolbar/Kbd/styles.module.css", "content": ".kbd {\n right: 0;\n align-items: center;\n border-radius: 3px;\n border: solid 1px #999;\n color: #595959;\n display: flex;\n font-family: system-ui;\n margin-right: 0.5rem;\n padding: 0.25rem 0.5rem;\n}\n\n[data-theme='dark'] .kbd {\n color: #b8b8b8;\n}\n\n@media (max-width: 568px) {\n .kbd {\n display: none;\n }\n}\n" }, { "path": "packages/website/src/components/GitmojiList/Toolbar/ListModeSelector/index.tsx", "content": "import Icon from 'src/components/Icon'\nimport styles from './styles.module.css'\n\ntype Props = {\n isListMode: boolean\n setIsListMode: (isListMode: boolean) => void\n}\n\nconst ListModeSelector = (props: Props) => (\n
\n props.setIsListMode(false)}\n >\n \n \n\n props.setIsListMode(true)}\n >\n \n \n
\n)\n\nexport default ListModeSelector\n" }, { "path": "packages/website/src/components/GitmojiList/Toolbar/ListModeSelector/styles.module.css", "content": ".container {\n display: flex;\n}\n\n.button {\n align-items: center;\n border-radius: 4px;\n border: none;\n color: var(--text);\n cursor: pointer;\n display: flex;\n background-color: var(--cardBackground);\n box-shadow: 0 2px 4px 0 var(--cardShadow);\n font-size: 16px;\n height: 48px;\n justify-content: center;\n margin: 8px;\n width: 48px;\n}\n\n.button svg {\n margin: 0;\n}\n\n.buttonActive {\n color: var(--secondary);\n}\n" }, { "path": "packages/website/src/components/GitmojiList/Toolbar/ThemeSelector/index.tsx", "content": "'use client'\n\nimport { useEffect, useState } from 'react'\nimport { useTheme } from 'next-themes'\n\nimport Icon from 'src/components/Icon'\nimport styles from './styles.module.css'\n\nconst ThemeSelector = () => {\n const [isMounted, setIsMounted] = useState(false)\n const { resolvedTheme, setTheme } = useTheme()\n const nextTheme = resolvedTheme === 'light' ? 'dark' : 'light'\n\n useEffect(() => setIsMounted(true), [])\n\n if (!isMounted) {\n return (\n
\n
\n )\n }\n\n return (\n \n )\n}\n\nexport default ThemeSelector\n" }, { "path": "packages/website/src/components/GitmojiList/Toolbar/ThemeSelector/styles.module.css", "content": ".button {\n display: flex;\n align-items: center;\n border-radius: 4px;\n border: none;\n color: var(--text);\n cursor: pointer;\n background-color: var(--cardBackground);\n box-shadow: 0 2px 4px 0 var(--cardShadow);\n font-size: 16px;\n height: 48px;\n justify-content: center;\n margin: 8px;\n width: 48px;\n}\n\n.button svg {\n margin: 0;\n}\n\n@media (max-width: 568px) {\n .button {\n margin-left: 0;\n }\n}\n" }, { "path": "packages/website/src/components/GitmojiList/Toolbar/index.tsx", "content": "'use client'\n\nimport { useEffect, useRef } from 'react'\nimport dynamic from 'next/dynamic'\n\nimport ListModeSelector from './ListModeSelector'\nimport ThemeSelector from './ThemeSelector'\nconst Kbd = dynamic(() => import('./Kbd'), { ssr: false })\nimport styles from './styles.module.css'\n\ntype Props = {\n isListMode: boolean\n searchInput?: string\n setIsListMode: (searchInput: boolean) => void\n setSearchInput: (searchInput: string) => void\n}\n\nconst Toolbar = (props: Props) => {\n const searchInputRef = useRef(null)\n\n useEffect(() => {\n const keyboardEventListener = (event: KeyboardEvent) => {\n const searchInput = searchInputRef.current\n if (\n searchInput &&\n (event.ctrlKey || event.metaKey) &&\n event.key === 'k'\n ) {\n event.preventDefault()\n searchInput.focus()\n }\n }\n\n if (typeof window !== 'undefined') {\n document.addEventListener('keydown', keyboardEventListener, false)\n }\n\n return () => {\n document.removeEventListener('keydown', keyboardEventListener, false)\n }\n }, [])\n\n return (\n
\n
\n props.setSearchInput(event.target.value)}\n placeholder=\"Search your gitmoji...\"\n type=\"search\"\n value={props.searchInput}\n />\n\n \n
\n\n
\n \n\n \n
\n
\n )\n}\n\nexport default Toolbar\n" }, { "path": "packages/website/src/components/GitmojiList/Toolbar/styles.module.css", "content": ".container {\n align-items: center;\n display: flex;\n flex-direction: row;\n margin-bottom: 0.5rem;\n margin-top: 1.5rem;\n}\n\n.actionsContainer {\n display: flex;\n}\n\n.inputWrapper {\n flex: 1;\n display: flex;\n align-items: center;\n border-radius: 4px;\n border: 0;\n box-shadow: 0 2px 4px 0 var(--cardShadow);\n margin-right: 1rem;\n background-color: var(--cardBackground);\n}\n\n.inputWrapper:focus-within {\n outline: -webkit-focus-ring-color auto 1px;\n}\n\n.searchInput {\n background-color: transparent;\n border: none;\n flex-grow: 1;\n font-size: 1rem;\n padding: 1rem;\n}\n\n.searchInput:focus-visible {\n outline: none;\n}\n\n.searchInput:focus {\n outline: none;\n}\n\n[data-theme='dark'] .searchInput {\n color: var(--text);\n}\n\n@media (max-width: 568px) {\n .searchInput {\n margin: 0;\n margin-top: 0.5rem;\n }\n\n .container {\n flex-direction: column-reverse;\n align-items: stretch;\n }\n}\n" }, { "path": "packages/website/src/components/GitmojiList/__tests__/gitmojiList.spec.tsx", "content": "import { useRouter, useSearchParams } from 'next/navigation'\nimport { render, screen, fireEvent } from '@testing-library/react'\n\nimport GitmojiList from '../index'\nimport * as stubs from './stubs'\n\njest.mock('next/navigation', () => ({\n useRouter: jest.fn(),\n useSearchParams: jest.fn(),\n usePathname: jest.fn(() => '/'),\n}))\n\nconst useRouterMock = useRouter as jest.Mock\nconst useSearchParamsMock = useSearchParams as jest.Mock\n\ndescribe('GitmojiList', () => {\n beforeEach(() => {\n useRouterMock.mockReturnValue(stubs.appRouterMock())\n useSearchParamsMock.mockReturnValue(stubs.searchParamsMock())\n })\n\n describe('when is not list mode', () => {\n it('should render the component in grid mode by default', () => {\n const { container } = render()\n\n const articles = container.querySelectorAll('article')\n expect(articles.length).toBeGreaterThan(0)\n })\n })\n\n describe('when is list mode', () => {\n it('should switch to list mode when clicking the list button', () => {\n const { container } = render()\n\n const buttons = screen.getAllByRole('button')\n const listModeButton = buttons[1]\n\n fireEvent.click(listModeButton)\n\n const articles = container.querySelectorAll('article')\n expect(articles.length).toBeGreaterThan(0)\n })\n })\n\n describe('when user search the fire gitmoji', () => {\n beforeEach(() => {\n useRouterMock.mockReturnValue(stubs.appRouterMock())\n useSearchParamsMock.mockReturnValue(stubs.searchParamsMock())\n })\n\n it('should find the fire gitmoji by code', () => {\n const { container } = render()\n const input = screen.getByRole('searchbox')\n const query = 'Fire'\n\n fireEvent.change(input, { target: { value: query } })\n\n const articles = container.querySelectorAll('article')\n expect(articles.length).toEqual(1)\n })\n\n it('should find the fire gitmoji by description', () => {\n const { container } = render()\n const input = screen.getByRole('searchbox')\n const query = 'remove'\n\n fireEvent.change(input, { target: { value: query } })\n\n const articles = container.querySelectorAll('article')\n expect(articles.length).toEqual(1)\n })\n\n it('should find the fire gitmoji by emoji', () => {\n const { container } = render()\n const input = screen.getByRole('searchbox')\n const query = '๐Ÿ”ฅ'\n\n fireEvent.change(input, { target: { value: query } })\n\n const articles = container.querySelectorAll('article')\n expect(articles.length).toEqual(1)\n })\n })\n\n describe('when search is provided by query string', () => {\n beforeEach(() => {\n useRouterMock.mockReturnValue(stubs.appRouterMock())\n useSearchParamsMock.mockReturnValue(stubs.searchParamsMock('fire'))\n })\n\n it('should set the search input value to query.search', () => {\n render()\n const query = 'fire'\n\n const input = screen.getByRole('searchbox')\n expect(input).toHaveValue(query)\n })\n\n describe('when the user deletes the search input', () => {\n it('should clear the query string', () => {\n const mockRouter = stubs.appRouterMock()\n useRouterMock.mockReturnValue(mockRouter)\n useSearchParamsMock.mockReturnValue(stubs.searchParamsMock('fire'))\n\n render()\n const input = screen.getByRole('searchbox')\n\n fireEvent.change(input, { target: { value: '' } })\n\n expect(mockRouter.push).toHaveBeenCalledWith('/')\n })\n })\n })\n})\n" }, { "path": "packages/website/src/components/GitmojiList/__tests__/stubs.ts", "content": "import { gitmojis } from 'gitmojis'\n\nexport const props = {\n gitmojis: gitmojis.slice(0, 6),\n}\n\nexport const routerMock = (query = {}) => ({\n query,\n push: jest.fn(),\n})\n\nexport const appRouterMock = () => ({\n push: jest.fn(),\n replace: jest.fn(),\n prefetch: jest.fn(),\n back: jest.fn(),\n forward: jest.fn(),\n refresh: jest.fn(),\n})\n\nexport const searchParamsMock = (searchValue?: string) => {\n const params = new URLSearchParams()\n if (searchValue) {\n params.set('search', searchValue)\n }\n return params\n}\n" }, { "path": "packages/website/src/components/GitmojiList/emojiColorsMap.ts", "content": "export default {\n 'adhesive-bandage': '#fbcfb7',\n alembic: '#7f39fb',\n alien: '#c5e763',\n ambulance: '#fb584a',\n dizzy: '#ffdb3a',\n 'arrow-down': '#ef5350',\n 'arrow-up': '#00e676',\n art: '#ff7281',\n beers: '#fbb64b',\n bento: '#ff5864',\n bookmark: '#80deea',\n boom: '#f94f28',\n bug: '#8cd842',\n 'building-construction': '#ffe55f',\n bulb: '#ffce49',\n 'busts-in-silhouette': '#ffce49',\n 'camera-flash': '#00a9f0',\n 'card-file-box': '#c5e763',\n 'chart-with-upwards-trend': '#cedae6',\n 'children-crossing': '#ffce49',\n 'clown-face': '#ff7281',\n 'construction-worker': '#64b5f6',\n construction: '#ffb74d',\n egg: '#77e856',\n fire: '#ff9d44',\n 'globe-with-meridians': '#e7f4ff',\n 'goal-net': '#c7cb12',\n 'green-heart': '#c5e763',\n hammer: '#ffc400',\n coffin: '#d9e3e8',\n 'heavy-minus-sign': '#ef5350',\n 'heavy-plus-sign': '#00e676',\n iphone: '#40c4ff',\n label: '#cb63e6',\n lipstick: '#80deea',\n lock: '#ffce49',\n 'closed-lock-with-key': '#83beec',\n 'loud-sound': '#23b4d2',\n mag: '#ffe55f',\n memo: '#00e676',\n mute: '#e6ebef',\n 'ok-hand': '#c5e763',\n package: '#fdd0ae',\n 'page-facing-up': '#d9e3e8',\n 'passport-control': '#4dc6dc',\n pencil: '#ffce49',\n pencil2: '#ffce49',\n poop: '#a78674',\n pushpin: '#39c2f1',\n recycle: '#77e856',\n rewind: '#56d1d8',\n rocket: '#00a9f0',\n 'rotating-light': '#536dfe',\n 'safety-vest': '#f2ad52',\n 'see-no-evil': '#8bdfe7',\n seedling: '#c5e763',\n sparkles: '#ffe55f',\n 'speech-balloon': '#cedae6',\n stethoscope: '#77e856',\n tada: '#f74d5f',\n 'test-tube': '#fb584a',\n 'triangular-flag-on-post': '#ffce49',\n truck: '#ef584a',\n 'twisted-rightwards-arrows': '#56d1d8',\n wastebasket: '#d9e3e8',\n wheelchair: '#00b1fb',\n 'white-check-mark': '#77e856',\n wrench: '#ffc400',\n zap: '#40c4ff',\n 'monocle-face': '#ffe55f',\n necktie: '#83beec',\n bricks: '#ff6723',\n technologist: '#86B837',\n 'money-with-wings': '#b3c0b1',\n thread: '#ffbe7b',\n airplane: '#74d4ec',\n 't-rex': '#56d1d8',\n} as const\n" }, { "path": "packages/website/src/components/GitmojiList/hooks/__tests__/stubs.ts", "content": "export const localStorageMock = {\n key: 'gitmojiTestKey',\n value: 'gitmojiTestValue',\n}\n" }, { "path": "packages/website/src/components/GitmojiList/hooks/__tests__/useLocalStorage.spec.tsx", "content": "import { render } from '@testing-library/react'\n\nimport useLocalStorage from '../useLocalStorage'\nimport * as stubs from './stubs'\n\nconst TestComponent = ({\n storageKey,\n storageValue,\n}: {\n storageKey: string\n storageValue: string\n}) => {\n useLocalStorage(storageKey, storageValue)\n\n return null\n}\n\nObject.defineProperty(window, 'localStorage', {\n writable: true,\n value: { setItem: jest.fn(), getItem: jest.fn() },\n})\n\nconst getItem = window.localStorage.getItem as jest.Mock\nconst setItem = window.localStorage.setItem as jest.Mock\n\ndescribe('useLocalStorage', () => {\n beforeEach(() => {\n jest.clearAllMocks()\n })\n\n describe('when value is not persisted', () => {\n beforeEach(() => {\n getItem.mockReturnValue(null)\n })\n\n it('should call localStorage.setItem', () => {\n const { rerender } = render(\n ,\n )\n\n rerender(\n ,\n )\n\n expect(setItem).toHaveBeenCalledWith(\n stubs.localStorageMock.key,\n stubs.localStorageMock.value,\n )\n })\n })\n\n describe('when there is an error', () => {\n const consoleError = console.error\n\n beforeEach(() => {\n getItem.mockImplementation(() => {\n throw new Error('Test')\n })\n\n Object.defineProperty(console, 'error', {\n writable: true,\n value: jest.fn(),\n })\n })\n\n afterEach(() => {\n Object.defineProperty(console, 'error', {\n writable: true,\n value: consoleError,\n })\n })\n\n it('should call console.error', () => {\n const { rerender } = render(\n ,\n )\n\n rerender(\n ,\n )\n\n expect(console.error).toHaveBeenCalledWith(expect.any(String))\n })\n })\n})\n" }, { "path": "packages/website/src/components/GitmojiList/hooks/useLocalStorage.tsx", "content": "import { useState, useEffect } from 'react'\n\nexport default function useLocalStorage(key: string, defaultValue: T) {\n const [state, setState] = useState(defaultValue)\n\n useEffect(() => {\n try {\n const localValue = window.localStorage.getItem(key)\n\n if (localValue !== null) {\n setState(JSON.parse(localValue))\n }\n } catch (error) {\n console.error(`ERROR: Loading ${key} from localStorage โ€“ ${error}`)\n }\n }, [])\n\n useEffect(() => {\n window.localStorage.setItem(key, `${state}`)\n }, [state])\n\n return [state, setState] as const\n}\n" }, { "path": "packages/website/src/components/GitmojiList/index.tsx", "content": "'use client'\n\nimport { Suspense, useEffect, useState } from 'react'\nimport Clipboard from 'clipboard'\nimport type { Gitmoji as GitmojiType } from 'gitmojis'\nimport toast from 'react-hot-toast'\n\nimport Gitmoji from './Gitmoji'\nimport Toolbar from './Toolbar'\nimport SearchParamsSync from './SearchParamsSync'\nimport useLocalStorage from './hooks/useLocalStorage'\nimport styles from './styles.module.css'\n\ntype Props = {\n gitmojis: readonly GitmojiType[]\n}\n\nconst GitmojiList = (props: Props) => {\n const [searchInput, setSearchInput] = useState('')\n const [isListMode, setIsListMode] = useLocalStorage('isListMode', false)\n\n const gitmojis = searchInput\n ? props.gitmojis.filter(({ emoji, code, description }) => {\n const lowerCasedSearch = searchInput.toLowerCase()\n\n return (\n code.includes(lowerCasedSearch) ||\n description.toLowerCase().includes(lowerCasedSearch) ||\n emoji == searchInput\n )\n })\n : props.gitmojis\n\n useEffect(() => {\n const clipboard = new Clipboard(\n '.gitmoji-clipboard-emoji, .gitmoji-clipboard-code',\n )\n\n clipboard.on('success', function (e) {\n toast(\n (t) => (\n \n

\n Hey! Gitmoji {e.text}{' '}\n copied to the clipboard ๐Ÿ˜œ\n

\n toast.dismiss(t.id)}\n />\n \n ),\n {\n id: 'clipboard',\n style: {\n background: '#ff5a79',\n color: '#ffffff',\n fontWeight: 600,\n fontSize: '90%',\n },\n },\n )\n })\n\n return () => clipboard.destroy()\n }, [])\n\n return (\n
\n \n \n \n
\n \n
\n\n {gitmojis.length === 0 ? (\n

No gitmojis found for search: {searchInput}

\n ) : (\n gitmojis.map((gitmoji, index) => (\n \n ))\n )}\n
\n )\n}\n\nexport default GitmojiList\n" }, { "path": "packages/website/src/components/GitmojiList/styles.module.css", "content": ".gitmojiCode {\n padding: 0 4px;\n border-radius: 4px;\n background-color: var(--notificationEmojiCodeColor);\n color: var(--notificationText);\n}\n\n.closeButton {\n width: 20px;\n height: 20px;\n position: absolute;\n right: 4px;\n top: 4px;\n overflow: hidden;\n text-indent: 100%;\n cursor: pointer;\n backface-visibility: hidden;\n}\n\n.closeButton:hover,\n.closeButton:focus {\n outline: none;\n}\n\n.closeButton::before,\n.closeButton::after {\n content: '';\n position: absolute;\n width: 3px;\n height: 60%;\n top: 50%;\n left: 50%;\n background: var(--notificationText);\n}\n\n.closeButton::before {\n transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.closeButton::after {\n transform: translate(-50%, -50%) rotate(-45deg);\n}\n" }, { "path": "packages/website/src/components/Icon/__tests__/icon.spec.tsx", "content": "import { render } from '@testing-library/react'\n\nimport Icon, { IconDefinitions } from '../index'\nimport * as stubs from './stubs'\n\ndescribe('Icon', () => {\n it('should render the component with correct icon reference', () => {\n const { container } = render()\n\n const svg = container.querySelector('svg')\n expect(svg).toBeInTheDocument()\n expect(svg).toHaveClass(`icon-${stubs.props.name}`)\n\n const use = container.querySelector('use')\n expect(use).toBeInTheDocument()\n expect(use).toHaveAttribute('xlink:href', `#icon-${stubs.props.name}`)\n })\n\n it('should render IconDefinitions with all symbols', () => {\n const { container } = render()\n\n const svg = container.querySelector('svg')\n expect(svg).toBeInTheDocument()\n\n const defs = container.querySelector('defs')\n expect(defs).toBeInTheDocument()\n })\n})\n" }, { "path": "packages/website/src/components/Icon/__tests__/stubs.ts", "content": "export const props = {\n name: 'star',\n}\n" }, { "path": "packages/website/src/components/Icon/definitions.tsx", "content": "export const IconDefinitions = () => (\n \n \n \n heart\n \n \n \n star\n \n \n \n twitter\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n twitter-x\n \n \n \n list\n \n \n \n grid\n \n \n \n light\n \n \n\n \n dark\n \n \n \n \n)\n" }, { "path": "packages/website/src/components/Icon/index.tsx", "content": "export { IconDefinitions } from './definitions'\nimport styles from './styles.module.css'\n\ntype Props = { name: string }\n\nconst Icon = (props: Props) => (\n \n \n \n)\n\nexport default Icon\n" }, { "path": "packages/website/src/components/Icon/styles.module.css", "content": ".icon {\n width: 1em;\n height: 1em;\n margin-right: 0.25em;\n}\n\n.icon:global(.icon-heart) {\n margin: 0;\n}\n" }, { "path": "packages/website/src/components/Layout/Footer/index.tsx", "content": "import Link from 'next/link'\n\nimport Icon from 'src/components/Icon'\nimport styles from './styles.module.css'\n\nconst Footer = () => (\n
\n
\n
\n
\n

\n Made with by{' '}\n Carlos Cuesta\n

\n
\n
\n \n
\n
\n
\n
\n)\n\nexport default Footer\n" }, { "path": "packages/website/src/components/Layout/Footer/styles.module.css", "content": ".footer {\n padding: 1.5em;\n background-color: var(--footerBackground);\n color: var(--textInSecondary);\n}\n\n.footerNav {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n text-align: end;\n}\n\n.footerNav a:after {\n content: 'ยท';\n color: var(--textInSecondary);\n margin: 0 0.75em;\n}\n\n.footerNav a:last-child:after {\n content: '';\n margin: 0;\n}\n\n@media (max-width: 768px) {\n .footer,\n .footerNav {\n justify-content: center;\n text-align: center;\n }\n\n .madeWithLove,\n .footerNav {\n flex-basis: 100%;\n max-width: 100%;\n }\n}\n" }, { "path": "packages/website/src/components/Layout/Hamburger/CloseIcon/index.tsx", "content": "const CloseIcon = () => (\n \n \n \n)\n\nexport default CloseIcon\n" }, { "path": "packages/website/src/components/Layout/Hamburger/MenuLink/index.tsx", "content": "'use client'\n\nimport Link from 'next/link'\nimport { usePathname } from 'next/navigation'\n\nimport styles from './styles.module.css'\n\ntype Props = { href: string; text: string }\n\nconst MenuLink = (props: Props) => {\n const pathname = usePathname()\n const isUserOnLinkPage: boolean = props.href === pathname\n\n if (!props.href.startsWith('/')) {\n return (\n \n {props.text}\n \n )\n }\n\n return (\n \n {props.text}\n \n )\n}\n\nexport default MenuLink\n" }, { "path": "packages/website/src/components/Layout/Hamburger/MenuLink/styles.module.css", "content": ".link {\n color: var(--text);\n text-decoration: none;\n font-weight: bold;\n}\n\n.link:hover {\n text-decoration: underline;\n}\n\n.linkActive {\n text-decoration: underline;\n}\n" }, { "path": "packages/website/src/components/Layout/Hamburger/OpenIcon/index.tsx", "content": "const OpenIcon = () => (\n \n \n \n)\n\nexport default OpenIcon\n" }, { "path": "packages/website/src/components/Layout/Hamburger/index.tsx", "content": "'use client'\n\nimport { useState, useEffect } from 'react'\nimport { usePathname } from 'next/navigation'\nimport FocusTrap from 'focus-trap-react'\n\nimport MenuLink from './MenuLink'\nimport OpenIcon from './OpenIcon'\nimport CloseIcon from './CloseIcon'\nimport styles from './styles.module.css'\n\nconst Hamburger = () => {\n const pathname = usePathname()\n const [isOpen, setIsOpen] = useState(false)\n\n useEffect(() => {\n setIsOpen(false)\n }, [pathname])\n\n useEffect(() => {\n if (isOpen) {\n document.body.classList.add('overflow-hidden')\n } else {\n document.body.classList.remove('overflow-hidden')\n }\n }, [isOpen])\n\n return (\n
\n setIsOpen(true)}\n >\n \n \n\n {isOpen && (\n \n \n \n )}\n
\n )\n}\n\nexport default Hamburger\n" }, { "path": "packages/website/src/components/Layout/Hamburger/styles.module.css", "content": ".hamburger {\n position: fixed;\n right: 0;\n z-index: 1;\n}\n\n.menu {\n background: var(--menuBackground);\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n}\n\n.button {\n background-color: transparent;\n border: none;\n color: inherit;\n color: var(--secondary);\n cursor: pointer;\n display: flex;\n font: inherit;\n margin: 0;\n padding: 0.75em;\n}\n\n.closeContainer {\n position: absolute;\n right: 0;\n}\n\n.closeContainer .button {\n color: var(--textInSecondary);\n}\n\n.links {\n align-items: center;\n color: var(--textInSecondary);\n display: flex;\n flex-direction: column;\n flex: 1;\n font-size: 3em;\n height: 100%;\n justify-content: center;\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.links li {\n padding: 0.5em 0;\n}\n" }, { "path": "packages/website/src/components/Layout/Header/Logo/Status/Joy/index.tsx", "content": "export const Joy = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)\n\nexport default Joy\n" }, { "path": "packages/website/src/components/Layout/Header/Logo/Status/Loved/index.tsx", "content": "export const Loved = () => (\n \n \n \n \n \n \n \n \n)\n\nexport default Loved\n" }, { "path": "packages/website/src/components/Layout/Header/Logo/Status/Sexy/index.tsx", "content": "export const Sexy = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)\n\nexport default Sexy\n" }, { "path": "packages/website/src/components/Layout/Header/Logo/Status/Smiling/index.tsx", "content": "export const Smiling = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n)\n\nexport default Smiling\n" }, { "path": "packages/website/src/components/Layout/Header/Logo/Status/Sunglasses/index.tsx", "content": "export const Sunglasses = () => (\n \n \n \n \n \n \n \n)\n\nexport default Sunglasses\n" }, { "path": "packages/website/src/components/Layout/Header/Logo/Status/Tongue/index.tsx", "content": "export const Tongue = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n)\n\nexport default Tongue\n" }, { "path": "packages/website/src/components/Layout/Header/Logo/Status/index.tsx", "content": "import Joy from './Joy'\nimport Loved from './Loved'\nimport Sexy from './Sexy'\nimport Smiling from './Smiling'\nimport Sunglasses from './Sunglasses'\nimport Tongue from './Tongue'\n\nexport const LOGO_STATUSES = {\n JOY: 'JOY',\n LOVED: 'LOVED',\n SEXY: 'SEXY',\n SMILING: 'SMILING',\n SUNGLASSES: 'SUNGLASSES',\n TONGUE: 'TONGUE',\n} as const\n\nexport type EmojiLogoStatus = keyof typeof LOGO_STATUSES | null\n\ntype Props = { status: EmojiLogoStatus }\n\nconst Status = (props: Props) => {\n switch (props.status) {\n case LOGO_STATUSES.JOY:\n return \n case LOGO_STATUSES.LOVED:\n return \n case LOGO_STATUSES.SEXY:\n return \n case LOGO_STATUSES.SMILING:\n return \n case LOGO_STATUSES.SUNGLASSES:\n return \n case LOGO_STATUSES.TONGUE:\n return \n default:\n return null\n }\n}\n\nexport default Status\n" }, { "path": "packages/website/src/components/Layout/Header/Logo/Status/styles.module.css", "content": "" }, { "path": "packages/website/src/components/Layout/Header/Logo/index.tsx", "content": "'use client'\n\nimport { useState, useEffect } from 'react'\n\nimport Status, { LOGO_STATUSES, type EmojiLogoStatus } from './Status'\nimport styles from './styles.module.css'\n\nconst Logo = () => {\n const statuses = Object.values(LOGO_STATUSES)\n const [status, setStatus] = useState(null)\n\n useEffect(() => {\n setStatus(statuses[Math.floor(Math.random() * statuses.length)])\n }, [])\n\n return (\n \n gitmoji\n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default Logo\n" }, { "path": "packages/website/src/components/Layout/Header/Logo/styles.module.css", "content": ".logo {\n width: 100%;\n height: 115px;\n}\n" }, { "path": "packages/website/src/components/Layout/Header/index.tsx", "content": "import Button from 'src/components/Button'\nimport Logo from './Logo'\nimport styles from './styles.module.css'\n\ntype Props = { withHeadline: boolean }\n\nconst Header = (props: Props) => (\n
\n \n {props.withHeadline && (\n

An emoji guide for your commit messages

\n )}\n
\n \n \n
\n
\n)\n\nexport default Header\n" }, { "path": "packages/website/src/components/Layout/Header/styles.module.css", "content": ".header {\n background-color: var(--primary);\n padding: 4.5em 2em;\n text-align: center;\n}\n\n.title {\n padding: 0.5em 0;\n margin: 0;\n font-size: 2em;\n color: var(--textInPrimary);\n}\n\n.buttons {\n padding: 1em 0;\n text-align: center;\n}\n\n.buttons a:first-child {\n margin-right: 1em;\n}\n" }, { "path": "packages/website/src/components/Layout/__tests__/layout.spec.tsx", "content": "import { render, screen } from '@testing-library/react'\n\nimport Layout from '../index'\nimport Status, { LOGO_STATUSES } from '../Header/Logo/Status'\nimport * as stubs from './stubs'\n\njest.mock('next/navigation', () => ({\n usePathname: jest.fn(() => '/'),\n}))\n\ndescribe('Layout', () => {\n beforeAll(() => {\n Math.random = jest.fn().mockReturnValue(1)\n })\n\n beforeEach(() => {\n jest.clearAllMocks()\n })\n\n it('should render the component with children', () => {\n render(\n \n

Some children

\n ,\n )\n\n expect(screen.getByText('Some children')).toBeInTheDocument()\n })\n\n describe('Logo', () => {\n Object.values(LOGO_STATUSES)\n .map((status) => status)\n .forEach((status) => {\n it('should render Logo with status ' + status, () => {\n const { container } = render()\n\n expect(container.firstChild).toBeInTheDocument()\n })\n })\n })\n})\n" }, { "path": "packages/website/src/components/Layout/__tests__/stubs.ts", "content": "export const props = {\n headerWithSocialButtons: true,\n}\n" }, { "path": "packages/website/src/components/Layout/index.tsx", "content": "import { IconDefinitions } from 'src/components/Icon'\nimport Header from './Header'\nimport Hamburger from './Hamburger'\nimport Footer from './Footer'\n\ntype Props = { children: React.ReactNode }\n\nconst Layout = (props: Props) => (\n <>\n \n \n
\n
{props.children}
\n