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

v0.21.4

What's Changed

• fix: disable shadow rendering on exported image in ios by @riccardoperra in #351

Full Changelog: v0.21.3...v0.21.4

v0.21.3

What's Changed

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

New Contributors

• @apollo79 made their first contribution in #312
• @hadiyarajesh suggest a new feature in #330 (#331)

Full Changelog: v0.21.2...v0.21.3

v0.21.2

Poimandres theme is finally available to CodeImage thanks to @Kalmarv #301

What's Changed

• feat(highlight): add poimandres theme by @Kalmarv in #302

Other

• Adding new themes is even easier with the new generate:theme command a2ab82d

New Contributors

• @Kalmarv made their first contribution in #302

Full Changelog: v0.21.1...v0.21.2

v0.21.1

What's Changed

• build: update solid-codemirror to v2.0.0 by @riccardoperra in #298
• build: update all dependencies by @riccardoperra in #298
• fix: fix umami script in production build by @riccardoperra in f1d44c2

Full Changelog: v0.20.0...v0.21.1

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