{"id":13474673,"url":"https://github.com/riccardoperra/codeimage","last_synced_at":"2025-05-14T10:08:30.916Z","repository":{"id":37033665,"uuid":"454158645","full_name":"riccardoperra/codeimage","owner":"riccardoperra","description":"A tool to beautify your code screenshots. Built with SolidJS and Fastify.","archived":false,"fork":false,"pushed_at":"2025-02-07T12:52:28.000Z","size":15798,"stargazers_count":1756,"open_issues_count":12,"forks_count":102,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-04-04T11:37:25.153Z","etag":null,"topics":["beautiful","code","codesnippets","editor","fastify","screenshot","sharing","snippets","solid","solid-js","tweet","typescript"],"latest_commit_sha":null,"homepage":"https://codeimage.dev","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/riccardoperra.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"riccardoperra"}},"created_at":"2022-01-31T20:25:57.000Z","updated_at":"2025-04-04T09:24:44.000Z","dependencies_parsed_at":"2023-11-11T21:22:49.675Z","dependency_job_id":"08cb7b08-b86f-4d12-819d-db8b03ec885c","html_url":"https://github.com/riccardoperra/codeimage","commit_stats":{"total_commits":1414,"total_committers":22,"mean_commits":64.27272727272727,"dds":"0.20155586987270158","last_synced_commit":"527a2d733c6fd348da5299e813b61bcca8a5aa0c"},"previous_names":[],"tags_count":62,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riccardoperra%2Fcodeimage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riccardoperra%2Fcodeimage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riccardoperra%2Fcodeimage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riccardoperra%2Fcodeimage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/riccardoperra","download_url":"https://codeload.github.com/riccardoperra/codeimage/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248448367,"owners_count":21105284,"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":["beautiful","code","codesnippets","editor","fastify","screenshot","sharing","snippets","solid","solid-js","tweet","typescript"],"created_at":"2024-07-31T16:01:13.962Z","updated_at":"2025-04-11T17:24:17.489Z","avatar_url":"https://github.com/riccardoperra.png","language":"TypeScript","funding_links":["https://github.com/sponsors/riccardoperra"],"categories":["TypeScript","Resources","typescript","Solid"],"sub_categories":["Open Source","riccardoperra/codeimage"],"readme":"![CodeImage logo](assets/banner.png?raw=true)\n\n\u003e Create elegant code screenshots of your source code.\n\n![Latest release Version](https://img.shields.io/badge/dynamic/json?color=success\u0026label=Version\u0026query=version\u0026url=https%3A%2F%2Fraw.githubusercontent.com%2Friccardoperra%2Fcodeimage%2Fmain%2Fpackage.json)\n![Build workflow badge](https://img.shields.io/github/actions/workflow/status/riccardoperra/codeimage/prod-deploy.yml?branch=main)\n[![Issues](https://img.shields.io/github/issues/riccardoperra/codeimage)](https://github.com/riccardoperra/codeimage/issues)\n[![Built with SolidJS](https://img.shields.io/badge/Built%20with-SolidJS-blue)](https://github.com/solidjs/solid)\n[![Built with Vanilla Extract](https://img.shields.io/badge/Built%20with-Vanilla%20Extract-ff69b4)](https://github.com/seek-oss/vanilla-extract)\n![License](https://img.shields.io/github/license/riccardoperra/codeimage)\n\n## Introduction\n\n[CodeImage](https://codeimage.dev) is the newest tool to help developers to create beautiful screenshots of their code,\nproviding several\nfeatures to speed up the process to post in social media.\n\n\u003ca href=\"https://www.producthunt.com/posts/codeimage?utm_source=badge-featured\u0026utm_medium=badge\u0026utm_souce=badge-codeimage\" target=\"_blank\"\u003e\u003cimg src=\"https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=371306\u0026theme=light\" alt=\"CodeImage - A\u0026#0032;tool\u0026#0032;to\u0026#0032;manage\u0026#0032;and\u0026#0032;beautify\u0026#0032;your\u0026#0032;code\u0026#0032;screenshots | Product Hunt\" style=\"width: 250px; height: 54px;\" width=\"250\" height=\"54\" /\u003e\u003c/a\u003e\n\n#### Supported by\n\n\u003ca target='_blank' href=\"https://jb.gg/OpenSourceSupport\"\u003e\n  \u003cimg alt='Jetbrains Logo.' src=\"./assets/jetbrains.svg\" width='200'\u003e\n\u003c/a\u003e\n\n---\n\n![CodeImage showcase](assets/showcase_1.png)\n\n## 🤖 Tech stack\n\nCodeImage architecture consist of a PNPM monorepo, currently subdivided in `packages` and `apps`.\n\n### Apps\n\n#### [@codeimage/app](./apps/codeimage)\n\nThe front-end application, entirely built with SolidJS.\n\nIt currently also relies on these libraries:\n\n- [vanilla-extract](https://github.com/seek-oss/vanilla-extract): Zero-runtime Stylesheets-in-TypeScript.\n- [CodeMirror6](https://codemirror.net/6/): Extensible code editor\n- [StateBuilder](https://github.com/riccardoperra/statebuilder): Composable state management\n- [@codeui/kit](https://github.com/riccardoperra/codeui): Accessible UI Kit based\n  on [Kobalte](https://github.com/kobaltedev/kobalte)\n- [solid-primitives](https://github.com/solidjs-community/solid-primitives): SolidJS primitives library\n\n#### [@codeimage/api](./apps/api)\n\nThe REST API layer built with [Fastify](https://github.com/fastify/fastify),\n[Prisma ORM](https://github.com/prisma/prisma) and [Auth0](https://auth0.com/).\n\n### Packages\n\n- [@codeimage/ui](./packages/ui): contains the source code of the UI kit of CodeImage front-end application.\n  \u003e **Note** the UI kit is being moved to [@codeui/kit](https://github.com/riccardoperra/codeui) repository\n- [@codeimage/config](./packages/config): contains the base configurations and interfaces for CodeImage\n- [@codeimage/highlight](./packages/highlight): contains the custom editor and highlighting themes for CodeMirror\n- [@codeimage/dom-export](./packages/dom-export): contains the [html-to-image](https://github.com/bubkoo/html-to-image)\n  fork which includes several fix for image export\n- [@codeimage/locale](./packages/locale): contains a wrapper\n  of [@solid-primitives/i18n](https://github.com/solidjs-community/solid-primitives/tree/main/packages/i18n) which\n  includes strict typing for i18n\n- [@codeimage/vanilla-extract](./packages/vanilla-extract): contain\n  the [Vanilla Extract](https://github.com/seek-oss/vanilla-extract) plugin fork which includes SolidJS and PNPM fixes\n  to work under monorepo.\n- [@codeimage/prisma-models](./packages/prisma-models): contains the Prisma ORM backend models shared across front-end\n  and back-end application.\n- [@codeimage/atomic-state](./packages/atomic-state): contain the source code of a small state manager which includes\n  some utilities helper for RxJS and solid-js/store\n\n## 🌏 Contributions\n\n\u003e **Warning** **Read this before opening any PR!**\n\nWhen contributing, it's better to first discuss the change you wish to make via issue or discussion, or any other method\nwith the owners of this repository before making a change.\n\nSee the [CONTRIBUTING.md](./CONTRIBUTING.md) guide for more details.\n\n\n---\n\n\n\u003cp align=\"left\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/37072694/168666273-22af1fed-6ee5-49a5-be2a-6e0b9da998cf.png\" width=\"600\"\u003e\n\u003c/p\u003e\n\u003cp align=\"left\"\u003e\n  CodeImage is the winner of \u003ca href=\"https://hack.solidjs.com\"\u003eSolidHack 2022\u003c/a\u003e for the Best Application category!\n\u003c/p\u003e\n\n## License\n\nMIT © [Riccardo Perra](https://github.com/riccardoperra)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Friccardoperra%2Fcodeimage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Friccardoperra%2Fcodeimage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Friccardoperra%2Fcodeimage/lists"}