# What's New With 4.1
09/29/2024
## New Features
### BoxLang Support
CBWIRE 4.1 introduces full BoxLang support, allowing you to build components and templates using BoxLang's powerful, modular, and modern feature set. This opens up a whole new world of possibilities for CBWIRE development with BoxLang's enhanced syntax and capabilities.
**Requirements:**
* `bx-compat-cfml` BoxLang module
* `bx-esapi` BoxLang module
{% tabs %}
{% tab title="BoxLang" %}
```javascript
// wires/UserDashboard.bx
class extends="cbwire.models.Component" {
data = {
"users": [],
"searchTerm": "",
"selectedRole": "all"
};
function onMount() {
data.users = getUserService().getAllUsers();
}
function filterUsers() {
var filteredUsers = data.users
.filter(function(user) {
return data.selectedRole == "all" || user.role == data.selectedRole;
})
.filter(function(user) {
return !data.searchTerm.len() ||
user.name.findNoCase(data.searchTerm) ||
user.email.findNoCase(data.searchTerm);
});
return filteredUsers;
}
}
```
{% endtab %}
{% tab title="CFML" %}
```javascript
// wires/UserDashboard.cfc
component extends="cbwire.models.Component" {
data = {
"users" = [],
"searchTerm" = "",
"selectedRole" = "all"
};
function onMount() {
data.users = getUserService().getAllUsers();
}
function filterUsers() {
var filteredUsers = data.users
.filter(function(user) {
return data.selectedRole == "all" || user.role == data.selectedRole;
})
.filter(function(user) {
return !len(data.searchTerm) ||
findNoCase(data.searchTerm, user.name) ||
findNoCase(data.searchTerm, user.email);
});
return filteredUsers;
}
}
```
{% endtab %}
{% endtabs %}
{% tabs %}
{% tab title="BoxLang" %}
```html
#user.name#
#user.email#
#user.role#
```
{% endtab %}
{% tab title="CFML" %}
```html
#user.name#
#user.email#
#user.role#
```
{% endtab %}
{% endtabs %}
BoxLang brings modern language features like enhanced member functions, improved syntax, and better type handling to your CBWIRE components.
### Assets Management
CBWIRE 4.1 introduces `` and `` functionality for better control over component-specific assets. These assets are automatically tracked throughout the request and appended to the `` tag during page load.
{% tabs %}
{% tab title="BoxLang" %}
```html
console.log('Dashboard component loaded');
// Component-specific JavaScript