codeimage

What's Changed

• fix: capitalize the "H" in "GitHub" by @EndBug in https://github.com/riccardoperra/codeimage/pull/457

New Contributors

• @EndBug made their first contribution in https://github.com/riccardoperra/codeimage/pull/457

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v1.1.4...v1.1.5

This new release of CodeImage introduces 3 new language modes:

• Shell (#454)
• Swift (#455)
• Dockerfile support (#455)

What's Changed

• chore: move to statebuilder by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/453
• feat(config): add support for shell, dockerfile, swift by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/455 - requested by @PeterDaveHello in #454
• chore(release): version packages by @github-actions in https://github.com/riccardoperra/codeimage/pull/456

Other changes

• Moved to StateBuilder to handle app state management

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v1.1.3...v1.1.4

This new version of CodeImage introduces a new Github theme variant: Dark Dimmed

What's Changed

• feat(app/highlight): add github dark dimmed theme by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/450 - issue #449 by @JustDesoroxxx
• chore(release): version packages by @github-actions in https://github.com/riccardoperra/codeimage/pull/452

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v1.1.2...v1.1.3

What's Changed

• fix(dom-export): cannot load font style value on firefox by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/446 - issue by @ijkml - closes #445
• fix(app): remove login auto-redirect on api without auth by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/447
• chore(release): version packages by @github-actions in https://github.com/riccardoperra/codeimage/pull/448

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v1.1.1...v1.1.2

What's Changed

• fix(app): change file extension on language change by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/443 - issue #442 by @hadiyarajesh
• chore(release): version packages by @github-actions in https://github.com/riccardoperra/codeimage/pull/444

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v1.1.0...v1.1.1

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 https://github.com/riccardoperra/codeimage/pull/438
• feat: add action bar and prettier formatter by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/436 - @micnic issue https://github.com/riccardoperra/codeimage/issues/387
• chore(release): version packages by @github-actions in https://github.com/riccardoperra/codeimage/pull/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: https://github.com/riccardoperra/codeimage/compare/v1.0.10...v1.1.0

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 https://github.com/riccardoperra/codeimage/pull/433 - issue #432 by @afonsojramos
• feat: Add aura theme by @zihan-ch in https://github.com/riccardoperra/codeimage/pull/431
• fix(api): auth0 handle error registration by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/435
• chore(release): version packages by @github-actions in https://github.com/riccardoperra/codeimage/pull/434

New Contributors

• @zihan-ch made their first contribution in https://github.com/riccardoperra/codeimage/pull/431

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v1.0.9...v1.0.10

What's Changed

• feat(app/config): vue highlighting support by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/429 - issue by @kupoback in https://github.com/riccardoperra/codeimage/issues/424
• chore(release): version packages by @github-actions in https://github.com/riccardoperra/codeimage/pull/430

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v1.0.8...v1.0.9

What's Changed

• fix: umami is not defined for some browsers by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/427
• chore(release): version packages by @github-actions in https://github.com/riccardoperra/codeimage/pull/428

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v1.0.7...v1.0.8

What's Changed

• fix(app): set shadow none not working by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/425
• chore(release): version packages by @github-actions in https://github.com/riccardoperra/codeimage/pull/426

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v1.0.6...v1.0.7

What's Changed

• fix: fix titles by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/419
• feat: added Cascadia Code font by @max-programming in https://github.com/riccardoperra/codeimage/pull/421
• chore(release): version packages by @github-actions in https://github.com/riccardoperra/codeimage/pull/422

New Contributors

• @max-programming made their first contribution in https://github.com/riccardoperra/codeimage/pull/421

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v1.0.5...v1.0.6

What's Changed

• fix(app): fix light mode by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/417
• chore(release): version packages by @github-actions in https://github.com/riccardoperra/codeimage/pull/418

Thanks to @fadhilsaheer for notifying the issue

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v1.0.4...v1.0.5

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

Also thanks to @hackpirodev for the given feedbacks 😄

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v1.0.2...v1.0.4

What's Changed

• chore(release): version packages by @github-actions in https://github.com/riccardoperra/codeimage/pull/392
• feat(config): add ruby syntax highlighting by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/394
• feat: update auth0 by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/396
• chore(release): version packages by @github-actions in https://github.com/riccardoperra/codeimage/pull/395

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v1.0.0...v1.0.2

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 https://github.com/riccardoperra/codeimage/issues/365
• Add Moonlight theme https://github.com/riccardoperra/codeimage/pull/372

@TGlide

• Add Panda theme https://github.com/riccardoperra/codeimage/issues/366

@Vikki123

• Add Vitesse dark theme https://github.com/riccardoperra/codeimage/issues/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 https://github.com/riccardoperra/codeimage/pull/353
• feat: add experimental mobile ui by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/357
• feat: pagination component by @hackpirodev in https://github.com/riccardoperra/codeimage/pull/356
• Refactor: theme mode UI by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/358
• fix: pagination cleanup by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/359
• Projects by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/327
• Feat: panda theme by @TGlide in https://github.com/riccardoperra/codeimage/pull/367
• feat: shades of purple theme by @SIMRAN88 in https://github.com/riccardoperra/codeimage/pull/370
• feat: added moonlight theme by @SIMRAN88 in https://github.com/riccardoperra/codeimage/pull/372
• feat(ui): themes splitting by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/371
• ci: update pipeline by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/373
• chore: update README.md by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/374
• fix: fix MSW load by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/376
• feat: added new vitesseDark theme by @Vikki123 in https://github.com/riccardoperra/codeimage/pull/378
• fix: added vitesseDark to themeRegistry by @Vikki123 in https://github.com/riccardoperra/codeimage/pull/379
• build: update all dependencies by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/383
• feat: add txt extension to disable syntax highlighting by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/386 (feedback by @EndBug)

New Contributors

• @TGlide made their first contribution in https://github.com/riccardoperra/codeimage/pull/367
• @SIMRAN88 made their first contribution in https://github.com/riccardoperra/codeimage/pull/370
• @Vikki123 made their first contribution in https://github.com/riccardoperra/codeimage/pull/378

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v0.21.4...v1.0.0

What's Changed

• fix: disable shadow rendering on exported image in ios by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/351

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v0.21.3...v0.21.4

What's Changed

• fix: update german translations by @apollo79 in https://github.com/riccardoperra/codeimage/pull/312
• break long words in property editor by @apollo79 in https://github.com/riccardoperra/codeimage/pull/313
• fix(app): add loading indicator when exporting as image by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/331
• feat(config): add xml and json language support by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/333
• chore(release): version packages by @github-actions in https://github.com/riccardoperra/codeimage/pull/332

New Contributors

• @apollo79 made their first contribution in https://github.com/riccardoperra/codeimage/pull/312
• @hadiyarajesh suggest a new feature in https://github.com/riccardoperra/codeimage/pull/330 (https://github.com/riccardoperra/codeimage/pull/331)

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v0.21.2...v0.21.3

Poimandres theme is finally available to CodeImage thanks to @Kalmarv https://github.com/riccardoperra/codeimage/issues/301

What's Changed

• feat(highlight): add poimandres theme by @Kalmarv in https://github.com/riccardoperra/codeimage/pull/302

Other

• Adding new themes is even easier with the new generate:theme command https://github.com/riccardoperra/codeimage/commit/a2ab82d9a01da72a3b8e73d0e9c10626d2333e5f

New Contributors

• @Kalmarv made their first contribution in https://github.com/riccardoperra/codeimage/pull/302

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v0.21.1...v0.21.2

What's Changed

• build: update solid-codemirror to v2.0.0 by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/298
• build: update all dependencies by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/298
• fix: fix umami script in production build by @riccardoperra in https://github.com/riccardoperra/codeimage/commit/f1d44c251b1ae3778fe3acbc4cdf984d373cfb00

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v0.20.0...v0.21.1

This new version of CodeImage expands the number of the editor options and the list of available themes.
There are also some improvements to the UI core in order to integrate Motion One for animations and solid-aria for overlays, dialogs and popovers.

What's new

Shadows

Until now, CodeImage snippets have always used a default, non-editable, shadow. From today, thanks to @hackpirodev contribution #287, you will be able to choose from a predefined set of shadows.

Currently, the list of available shadows is that:

• Small
• Medium
• Large
• Bottom
• 3D effect

Note Do you want to contribute and do you think we forgot to add a drop shadow, or do you want to improve an existing one? You can create an issue in order to discuss it

Github themes

Two new themes has been added into the theme switcher. Let's introduce Github Dark and Github Light!

New Locale

Spanish language has been added to CodeImage!

Other changes

There are some graphical improvements with this new version of CodeImage:

• Editor sidebar will now use scrollbar-gutter which will fix layout shifting when available properties changes https://github.com/riccardoperra/codeimage/commit/97af7de149f3b794486ce947f6e562fb1ada982d
• Dialogs and overlays accessibility has been improved thanks to @solid-aria/dialog

What's Changed

• refactor(ui): add @solid-aria/dialog integration by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/288
• feat(app): #239 add shadow options by @hackpirodev in https://github.com/riccardoperra/codeimage/issues/287
• fix(app): fix mobile shadow select by @riccardoperra in https://github.com/riccardoperra/codeimage/pull/292
• feat(app): add spañol by @hackpirodev in https://github.com/riccardoperra/codeimage/pull/293

Full Changelog: https://github.com/riccardoperra/codeimage/compare/v0.20.0...v0.21.0