neo

hotfix for tab resorting via drag&drop

not included inside apps or examples yet.

details here:
https://tobiasuhlig.medium.com/how-to-create-a-file-by-file-custom-scss-build-including-dependencies-using-postcss-and-optional-c83f8e5677d8?source=friends_link&sk=1ff756725825df82936b0edb9022c536

https://itnext.io/new-formatting-concept-for-json-based-virtual-dom-ee52acc5e04a?source=friends_link&sk=94f69dc71f662e0027118052ceb2db38

So far you could use npx neo-app to create a new workspace containing an app shell.

Of course you could use npx neo-app again with the same workspace name and a different app name, but this was an overkill.

Instead you can now use the locally available create-app program (workspace package.json), to generate more apps as needed.

this one got really nice!

https://youtu.be/my9ZLCMvZA4

You will see the main containers & app.mjs files load in parallel with the next main window app that gets lazy loaded.
the same views (e.g. helix, gallery) won't load twice.

You can now optionally use function values for the component module config.

Example: module: () => import('./mapboxGl/Container.mjs')

This includes the initial active card.

tab.Container now supports activeIndex: null in case you don't want to render any tab bodies initially.

Adjusted the (non multi window) covid dashboard app to lazy load all main tabs.

blog post:
https://tobiasuhlig.medium.com/lazy-loading-for-card-layout-items-and-tabs-neo-mjs-v2-0-10-2bd1c16cd458?source=friends_link&sk=c4651bfff3026ea7fe29f9589bde15b6

added the DragDrop main thread addon into the program options (default value).

adjusted the program, so that you can now again create a 2nd+ app inside your workspace (npx neo-app) without triggering the npx script again.

This release contains the new demo app for the incoming
"Cross browser window state management for your UIs" blog post.

With the switch to webpack v5.35.1 we can now use public class fields,
including dist/development and dist/production.

I adjusted the core rendering logic in a way that allows us to modify the application state (e.g. adding new items into a container), while the app main view is rendering (async).

https://tobiasuhlig.medium.com/enhance-your-frontend-state-management-with-view-models-part2-5a9384bd863c?source=friends_link&sk=e63a577e4118c767de0d289af266482c

https://tobiasuhlig.medium.com/enhance-your-frontend-state-management-with-view-models-7bf49e1a0991?source=friends_link&sk=ac04c44c7cd7af4c34068a87b1207c7e

prepare for a blog post series :)

Details here:
https://github.com/neomjs/neo/issues/1829