Change Log

⚠️ An important change, but one that has no impact on the current API or how Jails is used today.
It replaces the internal idiomorph library with morphdom.

Stability

The morphdom library has proven to be more stable and offers additional options by allowing the use of id or key on dynamic lists, increasing its ability to handle extreme edge cases.

Performance

Additionally, there’s a significant performance difference — in one extreme scenario, morphdom proved to be up to 300% more efficient.

That change also solves the problem of shuffle lists in present in 6.7.0.

Change Log

• Avoiding random id's creation on templates to get more benefit of idiomorph dom diffing library.

Change Log

The shuffle list bugfix

There was a corner case where, when you have a dynamic list containing jails components with local state on them the scope was not being maintained. The working example can be found here: https://stackblitz.com/edit/jails-shuffle-list?file=index.ts

Change Log

• Adding dependencies to the model function. This way, model no longer depend on static imports in order to get information for initial state.

ex.

export const model = ({ elm, initialState, dependencies }) : Model => {

  // initialState is retrieved from : <my-component html-model="{name: 'my-name'}">
  // <my-component data-counter="10">
  
const counter = Number(elm.dataset.counter) 
  return {
    counter
  }
}

More here: https://jails-js.org/about/docs/reference/components#model-object

Change Log

Adding new helper effect.

Motivation

Jails components updates child components when parent state changes.
That creates a side-effect on child components.

The helper effect can be used to get parent props and override them or compose them with new values.
Plus, effect can be a sync or an async function.

Ex: ( Parent and children has a prop called count in this example )

import { type Component } from 'jails-js'

export default function childComponent({ main, effect }: Component ) {

	main(() => {
		// do something here...
	})

	effect(async (props) => {
         // take the parent count and add + 1
		await new Promise(resolve => setTimeout(resolve, 1000))
		props.count = props.count + 1
	})

}

export const model = {
	count: 0
}

Change Log

• Avoiding undefined and null outputs on internal template system.

Change Log

• Fixed bug on async pub/sub calls when using non-object values.

Change Log

• FIxing html and attributes type definitions when importing them in jails-js/html.

Change Log

• Fixing a bug in template tags removal in edge cases cenarios.

Change Log

• Minor performance improvements on Jails Template System.
• Upgrading package idiomorph with new patch updates.