v1.1.0

CodeImage 1.1.0 introduce a new floating bar in the UI 😄 That was something missing and request for a while, also considering that there are so many hidden actions that are currently only available via shortcuts

Copy to Clipboard

Copying to clipboard was an already existing feature present in CodeImage since April, but it was hidden! In fact, until now it was only usable just pressing Ctrl+C 🫥.

It uses under the hood the system's WebShare API, so you can paste the generated image anywhere with Ctrl+V, for example on Telegram, Twitter. This allows you to not download anymore the image on your PC.

Note Currently the copy to clipboard action generate a PNG image with default system scale based on DPI (1x scale on most of devices, 3x on iOS)

---

Format your code with prettier

Prettier has been added to CodeImage allowing you to automatically format your code with some predefined options. The languages currently available are all based on open source plugins.

Note Since formatting relies on prettier, there are some caveats about the used options. Look at their Options philosophy section

---

Random styles

Now that there are so many customization styles, it is also possible to randomly generate the style (again based on the available options)

What's Changed

• feat: refactor state management by @riccardoperra in #438
• feat: add action bar and prettier formatter by @riccardoperra in #436 - @micnic issue #387
• chore(release): version packages by @github-actions in #437

Core changes

• CodeImage will now use statesolid as a main state management. The refactor of that portion of the code is at 75%

Full Changelog: v1.0.10...v1.1.0

v1.0.10

The newest release introduce a new editor theme: Aura.

Also, several bugs have been fixed including SVG export which now finally generates the image with the correct size. In fact, export size has been drastically reduced from ~7-10mb to ~500kb/1.5mb.

What's Changed

• feat(app/dom-export) reduction of svg export size by @riccardoperra in #433 - issue #432 by @afonsojramos
• feat: Add aura theme by @zihan-ch in #431
• fix(api): auth0 handle error registration by @riccardoperra in #435
• chore(release): version packages by @github-actions in #434

New Contributors

• @zihan-ch made their first contribution in #431

Full Changelog: v1.0.9...v1.0.10

v1.0.9

What's Changed

• feat(app/config): vue highlighting support by @riccardoperra in #429 - issue by @kupoback in #424
• chore(release): version packages by @github-actions in #430

Full Changelog: v1.0.8...v1.0.9

v1.0.8

What's Changed

• fix: umami is not defined for some browsers by @riccardoperra in #427
• chore(release): version packages by @github-actions in #428

Full Changelog: v1.0.7...v1.0.8

v1.0.7

What's Changed

• fix(app): set shadow none not working by @riccardoperra in #425
• chore(release): version packages by @github-actions in #426

Full Changelog: v1.0.6...v1.0.7

v1.0.6

What's Changed

• fix: fix titles by @riccardoperra in #419
• feat: added Cascadia Code font by @max-programming in #421
• chore(release): version packages by @github-actions in #422

New Contributors

• @max-programming made their first contribution in #421

Full Changelog: v1.0.5...v1.0.6

v1.0.5

What's Changed

• fix(app): fix light mode by @riccardoperra in #417
• chore(release): version packages by @github-actions in #418

Thanks to @fadhilsaheer for notifying the issue

Full Changelog: v1.0.4...v1.0.5

v1.0.4 - New website

Breaking Changes

CodeImage logo has been updated!

The application of codeimage will now live into app.codeimage.dev. codeimage.dev will now redirect to the website.

• Codeimage website by @riccardoperra in #390
• chore(release): version packages by @github-actions in #400
• feat(app): update codeimage logo by @riccardoperra in #401
• feat(website): website section improvements by @riccardoperra in #402
• perf: website static style extract by @riccardoperra in #404
• fix: remote svg icon not rendering by @riccardoperra in #408
• Feat/website improvements by @riccardoperra in #409
• feat(website): fixes to deploy website in production by @riccardoperra in #412
• feat(website): auth0 by @riccardoperra in #413
• feat(website): og images by @riccardoperra in #414
• chore(release): version packages by @github-actions in #407
• feat(website): login by redirect state by @riccardoperra in #415

Also thanks to @hackpirodev for the given feedbacks 😄

Full Changelog: v1.0.2...v1.0.4

v1.0.2

What's Changed

• chore(release): version packages by @github-actions in #392
• feat(config): add ruby syntax highlighting by @riccardoperra in #394
• feat: update auth0 by @riccardoperra in #396
• chore(release): version packages by @github-actions in #395

Full Changelog: v1.0.0...v1.0.2

v1.0.0 - Projects

This new version of CodeImage introduces Projects; a dedicated space where you can save all your code snippets.

Development of these new features have been started in the middle of july with @hackpirodev, and finally the biggest part is done 🎊.

This is why CodeImage officially pass to version 1.0.

Projects

Projects basically allows everyone to manage their snippets and save them remotely in order to access them from everywhere.

A new homepage for every user which has the authorization to use it will appear. This mean also you will be able to share publicly your snippets. In fact, each snippet have an unique uuid associated and present in the URL which will allows everyone to watch it in read-only modality.

Here's an example; https://codeimage.dev/413d9f66-cc7e-41b3-bbef-1c2f737ed74a

Projects will be available FOR FREE only for authenticated users.

Authentication system

Due to the necessity of persisting the project information on a backend server, we decided to allows these features only for authenticated users.

The authentication system integrates Auth0 in order to provide a easy and fast social login (Github) with in mind the possibility to choose also others social networks login method in the future.

Save snippets remotely

CodeImage projects introduce a new service into the core application: a backend server. We have opt-in for Fastify which is for us one of the best available choice in the current state of backend development.

Using a custom backend allows us to have 100% of control of what's inside our system. We've tried several solutions like Firebase, Supabase
etc. but we preferred moving to the stack Fastify - Prisma in order to provide also a good developer expericence, better type safety and flexibility.

The backend will be currently SELF-HOSTED without gain. At the moment the goal is to provide this service for free.

Pipeline with super-powers

We've also refactored our pipeline system in order to provide better CI/CD deployments, improving timings and centralizing everything.

UI Improvements

This new version introduces also new UI improvements and small changes in order to provide a better user experience.

Hacktoberfest

October is known by developers to be the month of hacktoberfest. I would like to thank all the contributors who help us with the dedicated issues:

@SIMRAN88

• Add shade of purple theme #365
• Add Moonlight theme #372

@TGlide

• Add Panda theme #366

@Vikki123

• Add Vitesse dark theme #305

What's next?

Most of the expected software thought when CodeImage started are completed, so now the focus will be splitted in two parts:

• Core development (75%)
• New features (25%)

Here some new things that are already planned and will be released soon 😄

• ThemeBuilder: creates new theme for both CodeImage or your editor and share it to the world
• Embeds: embed your snippets everywhere in a SEO-friendly way.
• codeimage-ui: the ui kit of codeimage will be released as a standalone ui kit library for SolidJS

Changelog

• feat(ui): text dynamic variants by @riccardoperra in #353
• feat: add experimental mobile ui by @riccardoperra in #357
• feat: pagination component by @hackpirodev in #356
• Refactor: theme mode UI by @riccardoperra in #358
• fix: pagination cleanup by @riccardoperra in #359
• Projects by @riccardoperra in #327
• Feat: panda theme by @TGlide in #367
• feat: shades of purple theme by @SIMRAN88 in #370
• feat: added moonlight theme by @SIMRAN88 in #372
• feat(ui): themes splitting by @riccardoperra in #371
• ci: update pipeline by @riccardoperra in #373
• chore: update README.md by @riccardoperra in #374
• fix: fix MSW load by @riccardoperra in #376
• feat: added new vitesseDark theme by @Vikki123 in #378
• fix: added vitesseDark to themeRegistry by @Vikki123 in #379
• build: update all dependencies by @riccardoperra in #383
• feat: add txt extension to disable syntax highlighting by @riccardoperra in #386 (feedback by @EndBug)

New Contributors

• @TGlide made their first contribution in #367
• @SIMRAN88 made their first contribution in #370
• @Vikki123 made their first contribution in #378

Full Changelog: v0.21.4...v1.0.0