Repository files navigation

Create elegant code screenshots of your source code.

CodeImage is the newest tool to help developers to create beautiful screenshots of their code,providing severalfeatures to speed up the process to post in social media.

CodeImage architecture consist of a PNPM monorepo, currently subdivided inpackages andapps.

The front-end application, entirely built with SolidJS.

It currently also relies on these libraries:

• vanilla-extract: Zero-runtime Stylesheets-in-TypeScript.
• CodeMirror6: Extensible code editor
• StateBuilder: Composable state management
• @codeui/kit: Accessible UI Kit basedonKobalte
• solid-primitives: SolidJS primitives library

The REST API layer built withFastify,Prisma ORM andAuth0.

• @codeimage/ui: contains the source code of the UI kit of CodeImage front-end application.

  Note the UI kit is being moved to@codeui/kit repository

• @codeimage/config: contains the base configurations and interfaces for CodeImage
• @codeimage/highlight: contains the custom editor and highlighting themes for CodeMirror
• @codeimage/dom-export: contains thehtml-to-imagefork which includes several fix for image export
• @codeimage/locale: contains a wrapperof@solid-primitives/i18n whichincludes strict typing for i18n
• @codeimage/vanilla-extract: containtheVanilla Extract plugin fork which includes SolidJS and PNPM fixesto work under monorepo.
• @codeimage/prisma-models: contains the Prisma ORM backend models shared across front-endand back-end application.
• @codeimage/atomic-state: contain the source code of a small state manager which includessome utilities helper for RxJS and solid-js/store

WarningRead this before opening any PR!

When contributing, it's better to first discuss the change you wish to make via issue or discussion, or any other methodwith the owners of this repository before making a change.

See theCONTRIBUTING.md guide for more details.

CodeImage is the winner ofSolidHack 2022 for the Best Application category!

MIT ©Riccardo Perra