{"id":17504382,"url":"https://github.com/codeabinash/aurora-react","last_synced_at":"2025-04-23T04:18:23.428Z","repository":{"id":204022235,"uuid":"710931836","full_name":"codeAbinash/aurora-react","owner":"codeAbinash","description":"The C code highlighting engine for the web.","archived":false,"fork":false,"pushed_at":"2024-07-17T18:59:24.000Z","size":447,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-23T04:18:18.490Z","etag":null,"topics":["c","c-code-highlight","c-lang","c-language","code-highlight","highlight","react","typescript"],"latest_commit_sha":null,"homepage":"https://try-aurora.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codeAbinash.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-10-27T18:53:51.000Z","updated_at":"2025-01-01T08:26:03.000Z","dependencies_parsed_at":null,"dependency_job_id":"9ffe919a-bd9d-4add-969a-dca608bc8d81","html_url":"https://github.com/codeAbinash/aurora-react","commit_stats":{"total_commits":17,"total_committers":1,"mean_commits":17.0,"dds":0.0,"last_synced_commit":"33e438c11666ee432548fd6f7566bc4814abde23"},"previous_names":["codeabinash/aurora-react"],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeAbinash%2Faurora-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeAbinash%2Faurora-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeAbinash%2Faurora-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeAbinash%2Faurora-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codeAbinash","download_url":"https://codeload.github.com/codeAbinash/aurora-react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250366715,"owners_count":21418772,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["c","c-code-highlight","c-lang","c-language","code-highlight","highlight","react","typescript"],"created_at":"2024-10-20T00:15:54.399Z","updated_at":"2025-04-23T04:18:23.404Z","avatar_url":"https://github.com/codeAbinash.png","language":"TypeScript","readme":"# Aurora 🎨 / React\n\n![GitHub release (with filter)](https://img.shields.io/github/v/release/codeAbinash/aurora-react?color=limegrrren)\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/aurora-react?color=aa3aec)\n![License](https://img.shields.io/github/license/codeAbinash/aurora-react?color=orangered)\n\n![Aurora](https://try-aurora.vercel.app/aurora.png)\n\nThe C code highlighting engine for the web.\n\n### Try Aurora [Online](https://try-aurora.vercel.app/) ❤️‍🔥\n\nYou can try Aurora online [here](https://try-aurora.vercel.app/) before using it in your project.\n\n\u003c!-- ![Aurora](https://codeAbinash.github.io/aurora/images/banner.jpg) --\u003e\n\n\u003e Don't worry about rerendering your react app. Aurora will take care of it.\n\n## Installation 📦\n\n### Using npm\n\n```bash\nnpm install aurora-code aurora-react\n```\n\n## Usage\n\n### Highlight using classes (recommended)\n\n```tsx\nimport { Aurora } from 'aurora-react'; // Aurora code Component\nimport 'aurora-code/themes/oneDarkPro.css'; // Aurora theme (css)\n...\n// code is the C code string\n\u003cAurora code={code} /\u003e\n```\n\n#### Configuring the theme in css ⚙️\n\n```css\n/* Custom theme */\n.aurora-string {\n  color: pink;\n}\n.aurora-keyword {\n  color: lime;\n}\n```\n\ninclude the css file. And configuration is done ✨.\n\n### Highlight using inline styles (not recommended)\n\n```tsx\nimport { Aurora } from 'aurora-react'; // Aurora code Component\n...\n// code is the C code string\n\u003cAurora code={code} /\u003e\n```\n\n#### Configuring the theme in inline styles ⚙️\n\n```tsx\n\u003cAurora\n  code={code}\n  config={{\n    mode: 'inline',\n    styles: {\n      comment: 'gray',\n      keyword: 'lime',\n      name: 'blue',\n      function: 'limegreen',\n      string: 'pink',\n    },\n  }}\n/\u003e\n```\n\n### Available Configurations\n\nHere is an example of theme object for configuring the theme.\n\n```ts\n// One Dark Pro theme\none_dark_pro = {\n  comment: '#5c6370',\n  comment_start: '#5c6370',\n  comment_end: '#5c6370',\n  preprocessor: '#c678dd',\n  defined: '#d19a66',\n  header_file: '#98c379',\n  keyword: '#c678dd',\n  name: '#ef596f',\n  string: '#98c379',\n  'quote single': '#98c379',\n  'quote double': '#98c379',\n  'quote angle': '#98c379',\n  format_specifier: '#d19a66',\n  number: '#d19a66',\n  bin_prefix: '#ef596f',\n  hex_prefix: '#ef596f',\n  oct_prefix: '#ef596f',\n  function: '#61afef',\n  operator: '#c678dd',\n  escape: '#56b6c2',\n  'open_paren bracket0': '#d19a66',\n  'open_curly bracket0': '#d19a66',\n  'close_paren bracket0': '#d19a66',\n  'close_curly bracket0': '#d19a66',\n  'open_paren bracket1': '#c678dd',\n  'open_curly bracket1': '#c678dd',\n  'close_paren bracket1': '#c678dd',\n  'close_curly bracket1': '#c678dd',\n  'open_paren bracket2': '#56b6c2',\n  'close_curly bracket2': '#56b6c2',\n  'close_paren bracket2': '#56b6c2',\n  'open_curly bracket2': '#56b6c2',\n  'open_square bracket0': '#c678dd',\n  'close_square bracket0': '#c678dd',\n  'open_square bracket1': '#d19a66',\n  'close_square bracket1': '#d19a66',\n  'open_square bracket2': '#56b6c2',\n  'close_square bracket2': '#56b6c2',\n};\n```\n\nHere is an example of theme [css](https://github.com/codeAbinash/aurora/blob/main/public/themes/oneDarkPro.css).\n\n\n## Contributing\n\nPull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodeabinash%2Faurora-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodeabinash%2Faurora-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodeabinash%2Faurora-react/lists"}