v0.21.0 - Shadows

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 97af7de
• 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 #288
• feat(app): #239 add shadow options by @hackpirodev in #287
• fix(app): fix mobile shadow select by @riccardoperra in #292
• feat(app): add spañol by @hackpirodev in #293

Full Changelog: v0.20.0...v0.21.0

v0.20.0 - Optimizations

This is the first CodeImage version which mainly focus on improving bundle size and page loading. v0.20.0 is the first step following the hackathon end that manage to fix a part of the choices that had been made during the first months of development

• Most of the packages has been reorganized, dividing the build content into several chunks to be loaded lazily.
• Thanks to Suspense, each portion of the page that need to be rendered in an asynchronous way, will show a custom skeleton loading fallback until it's ready for use.

Note Enabling the cache, loading will be significantly faster and loading will be halved. Service worker is currently disabled
Screenshot used for the the gif above have been made using "Slow 3G" and disabled cache, so each assets including fonts were loaded the first time

What's Changed

• perf: refactor @codeimage/theme with chunk splitting by @riccardoperra in #280
• perf: add theme switcher lazy loading w/ suspense by @riccardoperra in #283
• perf: split CodeMirror plugins in chunks by @riccardoperra in #284
• perf: performance optimizations by @riccardoperra in #281

Performance results

Desktop (before)

Desktop (After)

Mobile (before)

Mobile (After)

Full Changelog: v0.19.2...v0.20.0

v0.19.2

Bug fixes

• fix(app): fix frame resize computed size on devices with different pixelRatio by @alexandercerutti in #277

New Contributors

• @alexandercerutti made their first contribution in #277

Full Changelog: v0.19.1...v0.19.2

v0.19.1

What's new

• feat(config): add Kotlin cm5 language support by @riccardoperra in #274

Bug fixes

• fix(ui): fix RemoteSvgIcon rendering issue by @riccardoperra in #274

Full Changelog: v0.19.0...v0.19.1

v0.19.0 - Multiple tabs

Let's introduce multiple tabs support!

What's new

Multiple tabs Thanks to @micnic feedback #257, CodeImage will support multiple tabs on the code editor 😃. Tabs allow you to more easily group your snippets, and send them together when you want to share them on social networks. They are responsive and adapt to the space, they are available for both accent and non-accent themes, but are currently limited to a max of six. Also, you can drag and drop your tabs through the bar so you can reorder them as you like. Note If you have never done this, you can use the shortcut Ctrl + C and Ctrl + V to copy and paste them anywhere! Currently this feature is limited to one item at a time.

Theme improvements No new themes have been added, but some of them have been improved for both the highlighing and container colors, contrast accent etc. Also, the image export now is mostly consistent between all browsers therefore some problems related to Safari have been solved.

What's changed

• feat(app): add support for multiple tabs by @riccardoperra in #265

Bug fixes

• Fix i18n translations for BottomBar on mobile by @hackpirodev in #266
• Fix image export across all browsers by @riccardoperra in #270

Others

• Update package dependencies by @riccardoperra in #256
• Add @codeimage/dom-export (fork of html-to-image) in library packages by @riccardoperra in #270
• Query param state have been temporarily disabled

New Contributors

• @micnic gave several tips and feedback for the development of #257
• @hackpirodev made their first contribution in #266

Full Changelog: v0.17.2...v0.19.0

v0.18.0 - Gradients everywhere

CodeImage officially supports theme with gradients!

What's new

With the latest release, CodeImage allows you to set gradients from a rich and accurate choice of pre-defined colors.

Most of the themes highlighting have been improved, also following the update of CodeMirror6 to ^0.20 version, to improve the quality of the generated snippets.

Color Picker

Say goodbye to the native color picker, you can now use the newest one which allows you to choose from a rich color palette between gradients and plain colors, so you can select the one you like more.

If you think there is a missing color on the palette, you can always propose a new one creating a new GitHub issue.

Alternative background

This release also enables the Background property in the frame section. You can now set an alternative background which works even better with the use of gradients!

Note Currently, this modality doesn’t support the Window with tab accent style. During the time it will be be improved and support the tab style soon

Make your code snippets unique!

What's changed

• feat: add theme gradients by @riccardoperra in #258
• feat(app): add alternative theme by @riccardoperra in #262
• chore(release): version packages by @github-actions in #259

Bug fixes

• Fix query params update when properties change by @riccardoperra in #263
• Fix empty editor when theme configuration is not valid by @riccardoperra in #261

Other

• Update SolidJS to v1.4.2
• @solid-aria is now part of CodeImage! Updates of current components will follow
• Removed deprecated libraries and factory functions for themes which were using PrismJS highlighting-like classes

Full Changelog: v0.17.2...v0.18.0

v0.17.2

What's Changed

• fix: fix umami script not loading in production environment by @riccardoperra in #254

Full Changelog: v0.17.1...v0.17.2

v0.17.1

What's Changed

• fix: fix params encoding by @riccardoperra in #251

Full Changelog: v0.17.0...v0.17.1

v0.17.0

What's Changed

• feat(app): add umami analytics by @riccardoperra in #237

Full Changelog: v0.16.1...v0.17.0

v0.16.1

Bug fixes

• Fix not working open button on mobile devices - @riccardoperra in #231

Full Changelog: v0.16.0...v0.16.1