v1.6.1

What's Changed

• feat: add support for go lang by @riccardoperra in #631
• chore(release): version packages by @github-actions in #632

Full Changelog: v1.6.0...v1.6.1

v1.6.0 - April update

CodeImage new update is here!

This update was released very late due to lack of time, and introduces several things to the editor options.

Here's a table of content of the 1.6.0 update:

• New Window border options
• Starting line number
• New editor padding

🎨 New Window border options

Editor has been updated allowing to update the window border options. With this update,
a new macOS-like border is now available for everyone.

You'll be able to update the border type through the new border option.

new-border-option.mp4

🖥️ Starting line number

Thanks to @alexandercerutti, the editor
will now let you decide the starting line number of your code.

starting-line-number.mp4

🎨 Padding options revisited

Thanks to @SarjuHansaliya, the editor will now include a new 0 padding option

What's Changed

• feat: update umami by @riccardoperra in #620
• feat(app): allow zero padding by @SarjuHansaliya in #625
• feat(app,api): add line number start option by @riccardoperra and @alexandercerutti in #624
• feat(app,api) add new border type glass option by @riccardoperra in #611

New Contributors

• @SarjuHansaliya made their first contribution in #625

Full Changelog: v1.5.0...v1.6.0

v1.5.1

What's Changed

• feat(config): yaml language support #618 by @riccardoperra in #621
• feat: update umami by @riccardoperra in #620
• chore(release): version packages by @github-actions in #622

Full Changelog: v1.5.0...v1.5.1

v1.5.0 - 🍷🍾 December update

A new CodeImage update is here!

It has been several months since the last major update. During last months we've been working on app fixes, new languages support, themes...and today we'll release a bunch of new features as one of the last update of 2023 year.

Here's a table of content of the 1.5.0 update:

• Local system fonts
• Window style themes
• New Xcode like themes
• In-app changelog
• App fixes

🔡 Local system fonts are now available.

Editor has been updated introducing a new experimental font support with Local Font Access API.
Prior browser authorisation, this allows you to access yours locally installed fonts to display the code as you prefer.

font-picker.mp4

🖥️ New Window style themes

CodeImage always had two types of terminal-like themes: Windows and MacOS. We are planning to add during next months new special themes that can beautify your screenshots more and more.

Today, the window select has been updated introducing two new terminal themes:

• MacOS Outline
• MacOS Gray

We've also moved the old "accent mode" toggle in the sidebar to the window selection as a checkbox.

window-style.mp4

🎨 New Xcode like themes

The themes collection has been updated introducing two new themes inspired from Xcode:

• Xcode Dark
• Xcode light

xcode-theme.mp4

📰 In-app changelog and new features badge

Since today, while opening CodeImage you may see sometimes a new dialog that will notify you of a new update.

You'll be able to recognise new features through a new badge indicating that it is a new feature.Once you use the feature a couple of times, the badge will automatically disappear.

🐞 App fixes

As with all updates, we set aside some time to fix issues on both the application side and the internal side.

We fixed a tab name font rendering issue thanks to @KunalTanwar feedbacks, but we also made several optimization and improvements to the repository structure, particularly on unit and integration test of our backend.

We've also update the tab extension combobox replacing the Lion UI component with Kobalte

What's Changed

• fix: optimize repository dependencies/packages by @riccardoperra in #585
• feat: implement local system font picker for theme builder by @riccardoperra in #576
• fix: fix api test by @riccardoperra in #587
• feat: add xcode light/dark theme by @riccardoperra in #589
• feat(highlight): support for c programming language by @riccardoperra in #595
• fix: tab title font is different when exporting by @riccardoperra in #596
• feat: add new editor frame themes by @riccardoperra in #591
• feat: in app changelog / version feature recogniser by @riccardoperra in #599
• fix: add default font weight for local system fonts if not found by @riccardoperra in #604
• feat: refactor combobox with kobalte by @riccardoperra in #605

Full Changelog: v1.4.4...v1.5.0

v1.4.4

What's Changed

• feat: add code ui segmented control support by @riccardoperra in #572

Full Changelog: v1.4.3...v1.4.4

v1.4.3

This new version introduce the JetBrains Fleet Dark Theme in the CodeImage editor!

What's Changed

• Update prod-deploy.yml by @riccardoperra in #565
• feat(app/highlight): add fleet theme by @riccardoperra in #570
• chore(release): version packages by @github-actions in #571

Full Changelog: v1.4.2...v1.4.3

v1.4.2

What's Changed

• ci: fix preview deployments by @riccardoperra in #557
• Add sidebar animation by @riccardoperra in #556
• Export by rounded corners by @riccardoperra in #553
• Allows to add multiple formatter by @riccardoperra in #554

Full Changelog: v1.4.1...v1.4.2

v1.4.1

What's Changed

• feat: optional format on paste event by @riccardoperra in #549
• feat: add dart and scala support by @riccardoperra in #550

Full Changelog: v1.4.0...v1.4.1

v1.4.0 - New UI, Presets, Custom background, Aspect ratio and more 💡

After 3 months, we are thrilled to announce the latest CodeImage update. First of all me and @hackpirodev would like to thank all the users who have given feedback, recommended features and helped during the development.

This new update introduce several fixes and improvements like core changes to the UI, tech stack updates, export flow improvements and new features that have been requested over the last few months.

☁️ Presets - #472

We are introducing Presets, a powerful new feature that allows to save and manage presets configuration of the frame style. With this update, you can reuse your preferred styles on your snippets, ensuring a consistent and visually appealing presentation of the code.

Presets will available for both guest and logged-in users with some limits:

• Guest users are now able to create a maximum of 3 presets, stored locally.
• Logged in users are able to create a maximum of 10 presets.

Limit may change during the time after an analysis of the usage and the feedback we’ll receive.

Note Guest users presets are saved only locally through the browser. This means that by changing browsers, browsing incognito or clearing the cache you will lose all saved presets. If you have presets saved locally, once logged in you can persist them remotely automatically.

🖼️ Custom background - #503

Requested in #503, now you can also add a custom background on your snippet by using an image URL or by importing a file from your system.

At the moment we are not planning to save images on our backend, so the background image can't be persisted if you upload an image through your file system.

You can still add an image URL that we can save as string to reuse and save it. Obviously the image url must point to a valid URL and reachable from the browser. (e.g. https://assets.shots.so/preview/holo-gradients/01.jpg)

🖌️ New UI

CodeImage's UI have been revamped.

We are now officially using Kobalte through a self-made UI kit (repository).

This was definitely the longest update, involving the refactor of colors and components like buttons, dropdowns, inputs, modals and also the animations.

💾 Export settings - #509

You can now customize the export settings to match your preferences while using the Copy to clipboard and the Open in new tab feature. Also, you will be able to see the output resolution of the image with the associated pixel ratio, which will include also a 6x option to export the image in a bigger quality.

📐 Aspect ratio - #503 (Experimental)

This new release introduce an experimental support for Aspect ratio option.

You now have the flexibility to modify the aspect ratio to perfectly fit your desired dimensions, ensuring your images are not cropped when shared on social media platforms.

📦 API source code refactor to latest ESM and TypeScript >5.0 - #530

The backend api has been refactored to work with latest version of Node, TypeScript 5.1 and ES Modules 😄

We've adjusted our development workflow using tsup as bundler without losing the convenience of fastify-autoload

This update also removed node-tap in favor of vitest due to better DX and integration with ESM. We were able to refactor all of the tests without too much trouble.

📏 No more fixed width - #503

From this version, CodeImage snippet will have a dynamic min-width based on the content which can no longer be wrapped in multiple lines. This allows you to change the size as you like, even if the code is small and you don't need to have a minimum size of 600px.

Old (min-width: 600px)	New

🎴 Exported image improvements

We've updates some core behavior of DomExport package, which is a fork of html-to-image to add several fixes and improvements to the image export flow:

• Snippets that overflows to the screen viewport are not cropped anymore
• Partially fixes an issue where Safari from iOS and MacOS are not always able to generate the image including the custom background or the font (https://bugs.webkit.org/show_bug.cgi?id=219770)
• Faster image generation by removing unused styles, fonts and duplicate cloned nodes

⚛️ State management

CodeImage never used a specific state manager to handle the application state. Solid allows you to manage everything very simply but the application is getting heavier, and it doesn't seem like it's easy to organize the code when it gets long and verbose.

For this reason we've done a refactor using my personal state manager statebuilder which allows you to manage the state in a modular way through plugins on an as-needed basis.

What's Changed

• chore(docs): update contributing docker command by @kriskw1999 in #504
• fix: safari rename dialog not opening by @riccardoperra in #524
• chore: update README.md by @riccardoperra in #523
• feat: dynamic min width by @riccardoperra in #528
• feat: integrate ESM + node18 + typescript5.0 + vitest in fastify api by @riccardoperra in #530
• feat: customizable export options by @riccardoperra in #510
• fix(app): canvas export image content is not rendered if it's higher than viewport by @riccardoperra in #532
• feat: customizable export options by @riccardoperra in #510
• feat: dynamic min width by @riccardoperra in #528
• feat: custom background image by @riccardoperra in #526
• fix: fix language field editor by @riccardoperra in #521
• feat: refactor UI with codeui by @riccardoperra and @hackpirodev in #506
• feat: refactor textfield with @codeui/kit by @riccardoperra in #517
• feat: refactor Pagination with @codeui/kit by @riccardoperra in #516
• fix: add radio item by @codeui/kit by @riccardoperra in #508
• feat: @codeui/[email protected] and kobalte 0.9.0 upgrade by @riccardoperra in #514
• feat: integrate submodule kit by @riccardoperra in #513

New Contributors

• @kriskw1999 made their first contribution in #504

Full Changelog: v1.3.1...v1.4.0

v1.3.1

What's Changed

• feat(app,config): sort editor language by featured property and alphabetically by @riccardoperra in #488

Full Changelog: v1.3.0...v1.3.1