Positive
,Non-positive
)} + {__ctHelpers.ifElse(__ctHelpers.derive({ state, state_count: state.count }, ({ state: state, state_count: _v2 }) => state && _v2 > 0),Positive
,Non-positive
)}Price: {price}
-Discount: {derive({ price, discount }, ({ price: price, discount: discount }) => price - discount)}
-With tax: {derive({ price, discount, tax }, ({ price: price, discount: discount, tax: tax }) => (price - discount) * (1 + tax))}
+Discount: {__ctHelpers.derive({ price, discount }, ({ price: price, discount: discount }) => price - discount)}
+With tax: {__ctHelpers.derive({ price, discount, tax }, ({ price: price, discount: discount, tax: tax }) => (price - discount) * (1 + tax))}
Matrix value: {derive({ state_matrix: state.matrix, state_row: state.row, state_col: state.col }, ({ state_matrix: _v1, state_row: _v2, state_col: _v3 }) => _v1[_v2][_v3])}
+Matrix value: {__ctHelpers.derive({ state_matrix: state.matrix, state_row: state.row, state_col: state.col }, ({ state_matrix: _v1, state_row: _v2, state_col: _v3 }) => _v1[_v2][_v3])}
{/* Triple nested access */} -Deep nested: {derive({ state_nested_arrays: state.nested.arrays, state_nested_index: state.nested.index, state_row: state.row }, ({ state_nested_arrays: _v1, state_nested_index: _v2, state_row: _v3 }) => _v1[_v2][_v3])}
+Deep nested: {__ctHelpers.derive({ state_nested_arrays: state.nested.arrays, state_nested_index: state.nested.index, state_row: state.row }, ({ state_nested_arrays: _v1, state_nested_index: _v2, state_row: _v3 }) => _v1[_v2][_v3])}
First and last: {state.items[0]} and {derive({ state_items: state.items, state_items_length: state.items.length }, ({ state_items: _v1, state_items_length: _v2 }) => _v1[_v2 - 1])}
+First and last: {state.items[0]} and {__ctHelpers.derive({ state_items: state.items, state_items_length: state.items.length }, ({ state_items: _v1, state_items_length: _v2 }) => _v1[_v2 - 1])}
{/* Array used in computation and access */} -Sum of ends: {derive({ state_arr: state.arr, state_arr_length: state.arr.length }, ({ state_arr: _v1, state_arr_length: _v2 }) => _v1[0] + _v1[_v2 - 1])}
+Sum of ends: {__ctHelpers.derive({ state_arr: state.arr, state_arr_length: state.arr.length }, ({ state_arr: _v1, state_arr_length: _v2 }) => _v1[0] + _v1[_v2 - 1])}
Computed index: {derive({ state_arr: state.arr, state_a: state.a, state_b: state.b }, ({ state_arr: _v1, state_a: _v2, state_b: _v3 }) => _v1[_v2 + _v3])}
+Computed index: {__ctHelpers.derive({ state_arr: state.arr, state_a: state.a, state_b: state.b }, ({ state_arr: _v1, state_a: _v2, state_b: _v3 }) => _v1[_v2 + _v3])}
{/* Index from computation involving array */} -Modulo index: {derive({ state_items: state.items, state_row: state.row, state_items_length: state.items.length }, ({ state_items: _v1, state_row: _v2, state_items_length: _v3 }) => _v1[_v2 % _v3])}
+Modulo index: {__ctHelpers.derive({ state_items: state.items, state_row: state.row, state_items_length: state.items.length }, ({ state_items: _v1, state_row: _v2, state_items_length: _v3 }) => _v1[_v2 % _v3])}
{/* Complex index expression */} -Complex: {derive({ state_arr: state.arr, state_a: state.a, state_arr_length: state.arr.length }, ({ state_arr: _v1, state_a: _v2, state_arr_length: _v3 }) => _v1[Math.min(_v2 * 2, _v3 - 1)])}
+Complex: {__ctHelpers.derive({ state_arr: state.arr, state_a: state.a, state_arr_length: state.arr.length }, ({ state_arr: _v1, state_a: _v2, state_arr_length: _v3 }) => _v1[Math.min(_v2 * 2, _v3 - 1)])}
User score: {derive({ state_users: state.users, state_selectedUser: state.selectedUser, state_selectedScore: state.selectedScore }, ({ state_users: _v1, state_selectedUser: _v2, state_selectedScore: _v3 }) => _v1[_v2].scores[_v3])}
+User score: {__ctHelpers.derive({ state_users: state.users, state_selectedUser: state.selectedUser, state_selectedScore: state.selectedScore }, ({ state_users: _v1, state_selectedUser: _v2, state_selectedScore: _v3 }) => _v1[_v2].scores[_v3])}
{/* Using one array element as index for another */} -Indirect: {derive({ state_items: state.items, state_indices: state.indices }, ({ state_items: _v1, state_indices: _v2 }) => _v1[_v2[0]])}
+Indirect: {__ctHelpers.derive({ state_items: state.items, state_indices: state.indices }, ({ state_items: _v1, state_indices: _v2 }) => _v1[_v2[0]])}
{/* Array element used as index for same array */} -Self reference: {derive(state.arr, _v1 => _v1[_v1[0]])}
+Self reference: {__ctHelpers.derive(state.arr, _v1 => _v1[_v1[0]])}
Mixed: {derive({ state_nested_arrays: state.nested.arrays, state_nested_index: state.nested.index }, ({ state_nested_arrays: _v1, state_nested_index: _v2 }) => _v1[_v2].length)}
+Mixed: {__ctHelpers.derive({ state_nested_arrays: state.nested.arrays, state_nested_index: state.nested.index }, ({ state_nested_arrays: _v1, state_nested_index: _v2 }) => _v1[_v2].length)}
{/* Element access followed by property access */} -User name length: {derive({ state_users: state.users, state_selectedUser: state.selectedUser }, ({ state_users: _v1, state_selectedUser: _v2 }) => _v1[_v2].name.length)}
+User name length: {__ctHelpers.derive({ state_users: state.users, state_selectedUser: state.selectedUser }, ({ state_users: _v1, state_selectedUser: _v2 }) => _v1[_v2].name.length)}
Conditional: {ifElse(derive({ state_arr: state.arr, state_a: state.a }, ({ state_arr: _v1, state_a: _v2 }) => _v1[_v2] > 10), derive({ state_items: state.items, state_b: state.b }, ({ state_items: _v1, state_b: _v2 }) => _v1[_v2]), state.items[0])}
+Conditional: {__ctHelpers.ifElse(__ctHelpers.derive({ state_arr: state.arr, state_a: state.a }, ({ state_arr: _v1, state_a: _v2 }) => _v1[_v2] > 10), __ctHelpers.derive({ state_items: state.items, state_b: state.b }, ({ state_items: _v1, state_b: _v2 }) => _v1[_v2]), state.items[0])}
{/* Element access in boolean expression */} -Has value: {ifElse(derive({ state_matrix: state.matrix, state_row: state.row, state_col: state.col }, ({ state_matrix: _v1, state_row: _v2, state_col: _v3 }) => _v1[_v2][_v3] > 0), "positive", "non-positive")}
+Has value: {ifElse(__ctHelpers.derive({ state_matrix: state.matrix, state_row: state.row, state_col: state.col }, ({ state_matrix: _v1, state_row: _v2, state_col: _v3 }) => _v1[_v2][_v3] > 0), "positive", "non-positive")}
Product: {derive({ state_arr: state.arr, state_a: state.a, state_b: state.b }, ({ state_arr: _v1, state_a: _v2, state_b: _v3 }) => _v1[_v2] * _v1[_v3])}
+Product: {__ctHelpers.derive({ state_arr: state.arr, state_a: state.a, state_b: state.b }, ({ state_arr: _v1, state_a: _v2, state_b: _v3 }) => _v1[_v2] * _v1[_v3])}
{/* Element access with string concatenation */} -Concat: {derive({ state_items: state.items, state_indices: state.indices }, ({ state_items: _v1, state_indices: _v2 }) => _v1[0] + " - " + _v1[_v2[0]])}
+Concat: {__ctHelpers.derive({ state_items: state.items, state_indices: state.indices }, ({ state_items: _v1, state_indices: _v2 }) => _v1[0] + " - " + _v1[_v2[0]])}
{/* Multiple element accesses in single expression */} -Sum: {derive(state.arr, _v1 => _v1[0] + _v1[1] + _v1[2])}
+Sum: {__ctHelpers.derive(state.arr, _v1 => _v1[0] + _v1[1] + _v1[2])}
Item: {derive({ state_items: state.items, state_index: state.index }, ({ state_items: _v1, state_index: _v2 }) => _v1[_v2])}
+Item: {__ctHelpers.derive({ state_items: state.items, state_index: state.index }, ({ state_items: _v1, state_index: _v2 }) => _v1[_v2])}
{/* Computed index */} -Last: {derive({ state_items: state.items, state_items_length: state.items.length }, ({ state_items: _v1, state_items_length: _v2 }) => _v1[_v2 - 1])}
+Last: {__ctHelpers.derive({ state_items: state.items, state_items_length: state.items.length }, ({ state_items: _v1, state_items_length: _v2 }) => _v1[_v2 - 1])}
{/* Double indexing */} -Matrix: {derive({ state_matrix: state.matrix, state_row: state.row, state_col: state.col }, ({ state_matrix: _v1, state_row: _v2, state_col: _v3 }) => _v1[_v2][_v3])}
+Matrix: {__ctHelpers.derive({ state_matrix: state.matrix, state_row: state.row, state_col: state.col }, ({ state_matrix: _v1, state_row: _v2, state_col: _v3 }) => _v1[_v2][_v3])}
Count + 1: {derive(state.count, _v1 => _v1 + 1)}
-Count - 1: {derive(state.count, _v1 => _v1 - 1)}
-Count * 2: {derive(state.count, _v1 => _v1 * 2)}
-Price / 2: {derive(state.price, _v1 => _v1 / 2)}
-Count % 3: {derive(state.count, _v1 => _v1 % 3)}
+Count + 1: {__ctHelpers.derive(state.count, _v1 => _v1 + 1)}
+Count - 1: {__ctHelpers.derive(state.count, _v1 => _v1 - 1)}
+Count * 2: {__ctHelpers.derive(state.count, _v1 => _v1 * 2)}
+Price / 2: {__ctHelpers.derive(state.price, _v1 => _v1 / 2)}
+Count % 3: {__ctHelpers.derive(state.count, _v1 => _v1 % 3)}
Discounted Price: {derive({ state_price: state.price, state_discount: state.discount }, ({ state_price: _v1, state_discount: _v2 }) => _v1 - (_v1 * _v2))}
-Total: {derive({ state_price: state.price, state_quantity: state.quantity }, ({ state_price: _v1, state_quantity: _v2 }) => _v1 * _v2)}
-With Tax (8%): {derive({ state_price: state.price, state_quantity: state.quantity }, ({ state_price: _v1, state_quantity: _v2 }) => (_v1 * _v2) * 1.08)}
-Complex: {derive({ state_count: state.count, state_quantity: state.quantity, state_price: state.price, state_discount: state.discount }, ({ state_count: _v1, state_quantity: _v2, state_price: _v3, state_discount: _v4 }) => (_v1 + _v2) * _v3 - (_v3 * _v4))}
+Discounted Price: {__ctHelpers.derive({ state_price: state.price, state_discount: state.discount }, ({ state_price: _v1, state_discount: _v2 }) => _v1 - (_v1 * _v2))}
+Total: {__ctHelpers.derive({ state_price: state.price, state_quantity: state.quantity }, ({ state_price: _v1, state_quantity: _v2 }) => _v1 * _v2)}
+With Tax (8%): {__ctHelpers.derive({ state_price: state.price, state_quantity: state.quantity }, ({ state_price: _v1, state_quantity: _v2 }) => (_v1 * _v2) * 1.08)}
+Complex: {__ctHelpers.derive({ state_count: state.count, state_quantity: state.quantity, state_price: state.price, state_discount: state.discount }, ({ state_count: _v1, state_quantity: _v2, state_price: _v3, state_discount: _v4 }) => (_v1 + _v2) * _v3 - (_v3 * _v4))}
Count³: {derive(state.count, _v1 => _v1 * _v1 * _v1)}
-Price Range: ${derive(state.price, _v1 => _v1 - 10)} - ${derive(state.price, _v1 => _v1 + 10)}
+Count³: {__ctHelpers.derive(state.count, _v1 => _v1 * _v1 * _v1)}
+Price Range: ${__ctHelpers.derive(state.price, _v1 => _v1 - 10)} - ${__ctHelpers.derive(state.price, _v1 => _v1 + 10)}
Total items: {state.items.length}
-Filtered count: {derive({ state_items: state.items, state_filter: state.filter }, ({ state_items: _v1, state_filter: _v2 }) => _v1.filter(i => i.name.includes(_v2)).length)}
+Filtered count: {__ctHelpers.derive({ state_items: state.items, state_filter: state.filter }, ({ state_items: _v1, state_filter: _v2 }) => _v1.filter(i => i.name.includes(_v2)).length)}
Item count: {state.items.length}
-Active items: {derive(state.items, _v1 => _v1.filter(i => i.active).length)}
+Active items: {__ctHelpers.derive(state.items, _v1 => _v1.filter(i => i.active).length)}
Discount percent: {derive(state.discount, _v1 => _v1 * 100)}%
-Tax percent: {derive(state.taxRate, _v1 => _v1 * 100)}%
+Discount percent: {__ctHelpers.derive(state.discount, _v1 => _v1 * 100)}%
+Tax percent: {__ctHelpers.derive(state.taxRate, _v1 => _v1 * 100)}%
All active: {ifElse(derive(state.items, _v1 => _v1.every(i => i.active)), "Yes", "No")}
-Any active: {ifElse(derive(state.items, _v1 => _v1.some(i => i.active)), "Yes", "No")}
-Has expensive (gt 100): {ifElse(derive(state.items, _v1 => _v1.some(i => i.price > 100)), "Yes", "No")}
+All active: {__ctHelpers.ifElse(__ctHelpers.derive(state.items, _v1 => _v1.every(i => i.active)), "Yes", "No")}
+Any active: {__ctHelpers.ifElse(__ctHelpers.derive(state.items, _v1 => _v1.some(i => i.active)), "Yes", "No")}
+Has expensive (gt 100): {__ctHelpers.ifElse(__ctHelpers.derive(state.items, _v1 => _v1.some(i => i.price > 100)), "Yes", "No")}
Few items: {state.count}
)}Max: {derive({ state_a: state.a, state_b: state.b }, ({ state_a: _v1, state_b: _v2 }) => Math.max(_v1, _v2))}
-Min: {derive(state.a, _v1 => Math.min(_v1, 10))}
-Abs: {derive({ state_a: state.a, state_b: state.b }, ({ state_a: _v1, state_b: _v2 }) => Math.abs(_v1 - _v2))}
-Round: {derive(state.price, _v1 => Math.round(_v1))}
-Floor: {derive(state.price, _v1 => Math.floor(_v1))}
-Ceiling: {derive(state.price, _v1 => Math.ceil(_v1))}
-Square root: {derive(state.a, _v1 => Math.sqrt(_v1))}
+Max: {__ctHelpers.derive({ state_a: state.a, state_b: state.b }, ({ state_a: _v1, state_b: _v2 }) => Math.max(_v1, _v2))}
+Min: {__ctHelpers.derive(state.a, _v1 => Math.min(_v1, 10))}
+Abs: {__ctHelpers.derive({ state_a: state.a, state_b: state.b }, ({ state_a: _v1, state_b: _v2 }) => Math.abs(_v1 - _v2))}
+Round: {__ctHelpers.derive(state.price, _v1 => Math.round(_v1))}
+Floor: {__ctHelpers.derive(state.price, _v1 => Math.floor(_v1))}
+Ceiling: {__ctHelpers.derive(state.price, _v1 => Math.ceil(_v1))}
+Square root: {__ctHelpers.derive(state.a, _v1 => Math.sqrt(_v1))}
Uppercase: {derive(state.name, _v1 => _v1.toUpperCase())}
-Lowercase: {derive(state.name, _v1 => _v1.toLowerCase())}
-Substring: {derive(state.text, _v1 => _v1.substring(0, 5))}
-Replace: {derive(state.text, _v1 => _v1.replace("old", "new"))}
-Includes: {ifElse(derive(state.text, _v1 => _v1.includes("test")), "Yes", "No")}
-Starts with: {ifElse(derive(state.name, _v1 => _v1.startsWith("A")), "Yes", "No")}
+Uppercase: {__ctHelpers.derive(state.name, _v1 => _v1.toUpperCase())}
+Lowercase: {__ctHelpers.derive(state.name, _v1 => _v1.toLowerCase())}
+Substring: {__ctHelpers.derive(state.text, _v1 => _v1.substring(0, 5))}
+Replace: {__ctHelpers.derive(state.text, _v1 => _v1.replace("old", "new"))}
+Includes: {__ctHelpers.ifElse(__ctHelpers.derive(state.text, _v1 => _v1.includes("test")), "Yes", "No")}
+Starts with: {__ctHelpers.ifElse(__ctHelpers.derive(state.name, _v1 => _v1.startsWith("A")), "Yes", "No")}
To Fixed: {derive(state.price, _v1 => _v1.toFixed(2))}
-To Precision: {derive(state.price, _v1 => _v1.toPrecision(4))}
+To Fixed: {__ctHelpers.derive(state.price, _v1 => _v1.toFixed(2))}
+To Precision: {__ctHelpers.derive(state.price, _v1 => _v1.toPrecision(4))}
Parse Int: {derive(state.float, _v1 => parseInt(_v1))}
-Parse Float: {derive(state.float, _v1 => parseFloat(_v1))}
+Parse Int: {__ctHelpers.derive(state.float, _v1 => parseInt(_v1))}
+Parse Float: {__ctHelpers.derive(state.float, _v1 => parseFloat(_v1))}
Sum: {derive(state.values, _v1 => _v1.reduce((a, b) => a + b, 0))}
-Max value: {derive(state.values, _v1 => Math.max(..._v1))}
-Joined: {derive(state.values, _v1 => _v1.join(", "))}
+Sum: {__ctHelpers.derive(state.values, _v1 => _v1.reduce((a, b) => a + b, 0))}
+Max value: {__ctHelpers.derive(state.values, _v1 => Math.max(..._v1))}
+Joined: {__ctHelpers.derive(state.values, _v1 => _v1.join(", "))}
Multiple args: {derive(state.a, _v1 => Math.pow(_v1, 2))}
-Nested calls: {derive(state.a, _v1 => Math.round(Math.sqrt(_v1)))}
-Chained calls: {derive(state.name, _v1 => _v1.trim().toUpperCase())}
-With expressions: {derive({ state_a: state.a, state_b: state.b }, ({ state_a: _v1, state_b: _v2 }) => Math.max(_v1 + 1, _v2 * 2))}
+Multiple args: {__ctHelpers.derive(state.a, _v1 => Math.pow(_v1, 2))}
+Nested calls: {__ctHelpers.derive(state.a, _v1 => Math.round(Math.sqrt(_v1)))}
+Chained calls: {__ctHelpers.derive(state.name, _v1 => _v1.trim().toUpperCase())}
+With expressions: {__ctHelpers.derive({ state_a: state.a, state_b: state.b }, ({ state_a: _v1, state_b: _v2 }) => Math.max(_v1 + 1, _v2 * 2))}
Age: {state.user.age}
-Active: {ifElse(state.user.active, "Yes", "No")}
+Active: {__ctHelpers.ifElse(state.user.active, "Yes", "No")}
Bio: {state.user.profile.bio}
Location: {state.user.profile.location}
Theme: {state.user.profile.settings.theme}
-Notifications: {ifElse(state.user.profile.settings.notifications, "On", "Off")}
+Notifications: {__ctHelpers.ifElse(state.user.profile.settings.notifications, "On", "Off")}
Age + 1: {derive(state.user.age, _v1 => _v1 + 1)}
+Age + 1: {__ctHelpers.derive(state.user.age, _v1 => _v1 + 1)}
Name length: {state.user.name.length}
-Uppercase name: {derive(state.user.name, _v1 => _v1.toUpperCase())}
-Location includes city: {ifElse(derive(state.user.profile.location, _v1 => _v1.includes("City")), "Yes", "No")}
+Uppercase name: {__ctHelpers.derive(state.user.name, _v1 => _v1.toUpperCase())}
+Location includes city: {__ctHelpers.ifElse(__ctHelpers.derive(state.user.profile.location, _v1 => _v1.includes("City")), "Yes", "No")}
Item at index: {derive({ state_items: state.items, state_index: state.index }, ({ state_items: _v1, state_index: _v2 }) => _v1[_v2])}
+Item at index: {__ctHelpers.derive({ state_items: state.items, state_index: state.index }, ({ state_items: _v1, state_index: _v2 }) => _v1[_v2])}
First item: {state.items[0]}
-Last item: {derive({ state_items: state.items, state_items_length: state.items.length }, ({ state_items: _v1, state_items_length: _v2 }) => _v1[_v2 - 1])}
-Number at index: {derive({ state_numbers: state.numbers, state_index: state.index }, ({ state_numbers: _v1, state_index: _v2 }) => _v1[_v2])}
+Last item: {__ctHelpers.derive({ state_items: state.items, state_items_length: state.items.length }, ({ state_items: _v1, state_items_length: _v2 }) => _v1[_v2 - 1])}
+Number at index: {__ctHelpers.derive({ state_numbers: state.numbers, state_index: state.index }, ({ state_numbers: _v1, state_index: _v2 }) => _v1[_v2])}
_v1 + "px") + fontSize: __ctHelpers.derive(state.config.theme.fontSize, _v1 => _v1 + "px") }}> Styled text
{derive({ state_user_name: state.user.name, state_user_profile_location: state.user.profile.location }, ({ state_user_name: _v1, state_user_profile_location: _v2 }) => _v1 + " from " + _v2)}
-Font size + 2: {derive(state.config.theme.fontSize, _v1 => _v1 + 2)}px
-Has beta and dark mode: {ifElse(derive({ state_config_features_beta: state.config.features.beta, state_config_features_darkMode: state.config.features.darkMode }, ({ state_config_features_beta: _v1, state_config_features_darkMode: _v2 }) => _v1 && _v2), "Yes", "No")}
+{__ctHelpers.derive({ state_user_name: state.user.name, state_user_profile_location: state.user.profile.location }, ({ state_user_name: _v1, state_user_profile_location: _v2 }) => _v1 + " from " + _v2)}
+Font size + 2: {__ctHelpers.derive(state.config.theme.fontSize, _v1 => _v1 + 2)}px
+Has beta and dark mode: {__ctHelpers.ifElse(__ctHelpers.derive({ state_config_features_beta: state.config.features.beta, state_config_features_darkMode: state.config.features.darkMode }, ({ state_config_features_beta: _v1, state_config_features_darkMode: _v2 }) => _v1 && _v2), "Yes", "No")}
{derive({ state_firstName: state.firstName, state_lastName: state.lastName }, ({ state_firstName: _v1, state_lastName: _v2 }) => _v1 + _v2)}
-{derive(state.firstName, _v1 => "Hello, " + _v1 + "!")}
+{__ctHelpers.derive({ state_firstName: state.firstName, state_lastName: state.lastName }, ({ state_firstName: _v1, state_lastName: _v2 }) => _v1 + _v2)}
+{__ctHelpers.derive(state.firstName, _v1 => "Hello, " + _v1 + "!")}
{derive(state.firstName, _v1 => `Welcome, ${_v1}!`)}
-{derive({ state_firstName: state.firstName, state_lastName: state.lastName }, ({ state_firstName: _v1, state_lastName: _v2 }) => `Full name: ${_v1} ${_v2}`)}
-{derive({ state_title: state.title, state_firstName: state.firstName, state_lastName: state.lastName }, ({ state_title: _v1, state_firstName: _v2, state_lastName: _v3 }) => `${_v1}: ${_v2} ${_v3}`)}
+{__ctHelpers.derive(state.firstName, _v1 => `Welcome, ${_v1}!`)}
+{__ctHelpers.derive({ state_firstName: state.firstName, state_lastName: state.lastName }, ({ state_firstName: _v1, state_lastName: _v2 }) => `Full name: ${_v1} ${_v2}`)}
+{__ctHelpers.derive({ state_title: state.title, state_firstName: state.firstName, state_lastName: state.lastName }, ({ state_title: _v1, state_firstName: _v2, state_lastName: _v3 }) => `${_v1}: ${_v2} ${_v3}`)}
Uppercase: {derive(state.firstName, _v1 => _v1.toUpperCase())}
-Lowercase: {derive(state.title, _v1 => _v1.toLowerCase())}
+Uppercase: {__ctHelpers.derive(state.firstName, _v1 => _v1.toUpperCase())}
+Lowercase: {__ctHelpers.derive(state.title, _v1 => _v1.toLowerCase())}
Length: {state.message.length}
-Substring: {derive(state.message, _v1 => _v1.substring(0, 5))}
+Substring: {__ctHelpers.derive(state.message, _v1 => _v1.substring(0, 5))}
{derive({ state_firstName: state.firstName, state_count: state.count }, ({ state_firstName: _v1, state_count: _v2 }) => _v1 + " has " + _v2 + " items")}
-{derive({ state_firstName: state.firstName, state_count: state.count }, ({ state_firstName: _v1, state_count: _v2 }) => `${_v1} has ${_v2} items`)}
-Count as string: {derive(state.count, _v1 => "Count: " + _v1)}
+{__ctHelpers.derive({ state_firstName: state.firstName, state_count: state.count }, ({ state_firstName: _v1, state_count: _v2 }) => _v1 + " has " + _v2 + " items")}
+{__ctHelpers.derive({ state_firstName: state.firstName, state_count: state.count }, ({ state_firstName: _v1, state_count: _v2 }) => `${_v1} has ${_v2} items`)}
+Count as string: {__ctHelpers.derive(state.count, _v1 => "Count: " + _v1)}
Trimmed lower: {derive(state.text, _v1 => _v1.trim().toLowerCase())}
+Trimmed lower: {__ctHelpers.derive(state.text, _v1 => _v1.trim().toLowerCase())}
{/* Chain with reactive argument */} -Contains search: {derive({ state_text: state.text, state_searchTerm: state.searchTerm }, ({ state_text: _v1, state_searchTerm: _v2 }) => _v1.toLowerCase().includes(_v2.toLowerCase()))}
+Contains search: {__ctHelpers.derive({ state_text: state.text, state_searchTerm: state.searchTerm }, ({ state_text: _v1, state_searchTerm: _v2 }) => _v1.toLowerCase().includes(_v2.toLowerCase()))}
{/* Longer chain */} -Processed: {derive(state.text, _v1 => _v1.trim().toLowerCase().replace("old", "new").toUpperCase())}
+Processed: {__ctHelpers.derive(state.text, _v1 => _v1.trim().toLowerCase().replace("old", "new").toUpperCase())}
Count above threshold: {derive({ state_items: state.items, state_threshold: state.threshold }, ({ state_items: _v1, state_threshold: _v2 }) => _v1.filter(x => x > _v2).length)}
+Count above threshold: {__ctHelpers.derive({ state_items: state.items, state_threshold: state.threshold }, ({ state_items: _v1, state_threshold: _v2 }) => _v1.filter(x => x > _v2).length)}
{/* Filter then map */}Double filter count: {derive({ state_items: state.items, state_start: state.start, state_end: state.end }, ({ state_items: _v1, state_start: _v2, state_end: _v3 }) => _v1.filter(x => x > _v2).filter(x => x < _v3).length)}
+Double filter count: {__ctHelpers.derive({ state_items: state.items, state_start: state.start, state_end: state.end }, ({ state_items: _v1, state_start: _v2, state_end: _v3 }) => _v1.filter(x => x > _v2).filter(x => x < _v3).length)}
Sliced items: {derive({ state_items: state.items, state_start: state.start, state_end: state.end }, ({ state_items: _v1, state_start: _v2, state_end: _v3 }) => _v1.slice(_v2, _v3).join(", "))}
+Sliced items: {__ctHelpers.derive({ state_items: state.items, state_start: state.start, state_end: state.end }, ({ state_items: _v1, state_start: _v2, state_end: _v3 }) => _v1.slice(_v2, _v3).join(", "))}
{/* String methods with reactive args */} -Starts with: {derive({ state_names: state.names, state_prefix: state.prefix }, ({ state_names: _v1, state_prefix: _v2 }) => _v1.filter(n => n.startsWith(_v2)).join(", "))}
+Starts with: {__ctHelpers.derive({ state_names: state.names, state_prefix: state.prefix }, ({ state_names: _v1, state_prefix: _v2 }) => _v1.filter(n => n.startsWith(_v2)).join(", "))}
{/* Array find with reactive predicate */} -First match: {derive({ state_names: state.names, state_searchTerm: state.searchTerm }, ({ state_names: _v1, state_searchTerm: _v2 }) => _v1.find(n => n.includes(_v2)))}
+First match: {__ctHelpers.derive({ state_names: state.names, state_searchTerm: state.searchTerm }, ({ state_names: _v1, state_searchTerm: _v2 }) => _v1.find(n => n.includes(_v2)))}
Total with discount: {derive({ state_prices: state.prices, state_discount: state.discount }, ({ state_prices: _v1, state_discount: _v2 }) => _v1.reduce((sum, price) => sum + price * (1 - _v2), 0))}
+Total with discount: {__ctHelpers.derive({ state_prices: state.prices, state_discount: state.discount }, ({ state_prices: _v1, state_discount: _v2 }) => _v1.reduce((sum, price) => sum + price * (1 - _v2), 0))}
{/* Method result used in computation */} -Average * factor: {derive({ state_items: state.items, state_items_length: state.items.length, state_factor: state.factor }, ({ state_items: _v1, state_items_length: _v2, state_factor: _v3 }) => (_v1.reduce((a, b) => a + b, 0) / _v2) * _v3)}
+Average * factor: {__ctHelpers.derive({ state_items: state.items, state_items_length: state.items.length, state_factor: state.factor }, ({ state_items: _v1, state_items_length: _v2, state_factor: _v3 }) => (_v1.reduce((a, b) => a + b, 0) / _v2) * _v3)}
Formatted price: {derive({ state_prices: state.prices, state_discount: state.discount }, ({ state_prices: _v1, state_discount: _v2 }) => (_v1[0] * (1 - _v2)).toFixed(2))}
+Formatted price: {__ctHelpers.derive({ state_prices: state.prices, state_discount: state.discount }, ({ state_prices: _v1, state_discount: _v2 }) => (_v1[0] * (1 - _v2)).toFixed(2))}
{/* Method on conditional result */} -Conditional trim: {derive({ state_text: state.text, state_text_length: state.text.length, state_prefix: state.prefix }, ({ state_text: _v1, state_text_length: _v2, state_prefix: _v3 }) => (_v2 > 10 ? _v1 : _v3).trim())}
+Conditional trim: {__ctHelpers.derive({ state_text: state.text, state_text_length: state.text.length, state_prefix: state.prefix }, ({ state_text: _v1, state_text_length: _v2, state_prefix: _v3 }) => (_v2 > 10 ? _v1 : _v3).trim())}
{/* Method chain on computed value */} -Complex: {derive({ state_text: state.text, state_prefix: state.prefix }, ({ state_text: _v1, state_prefix: _v2 }) => (_v1 + " " + _v2).trim().toLowerCase().split(" ").join("-"))}
+Complex: {__ctHelpers.derive({ state_text: state.text, state_prefix: state.prefix }, ({ state_text: _v1, state_prefix: _v2 }) => (_v1 + " " + _v2).trim().toLowerCase().split(" ").join("-"))}
Active adults: {derive({ state_users: state.users, state_minAge: state.minAge }, ({ state_users: _v1, state_minAge: _v2 }) => _v1.filter(u => u.age >= _v2 && u.active).length)}
+Active adults: {__ctHelpers.derive({ state_users: state.users, state_minAge: state.minAge }, ({ state_users: _v1, state_minAge: _v2 }) => _v1.filter(u => u.age >= _v2 && u.active).length)}
{/* Map with conditional logic */}Has adults: {ifElse(derive({ state_users: state.users, state_minAge: state.minAge }, ({ state_users: _v1, state_minAge: _v2 }) => _v1.some(u => u.age >= _v2)), "Yes", "No")}
-All active: {ifElse(derive(state.users, _v1 => _v1.every(u => u.active)), "Yes", "No")}
+Has adults: {__ctHelpers.ifElse(__ctHelpers.derive({ state_users: state.users, state_minAge: state.minAge }, ({ state_users: _v1, state_minAge: _v2 }) => _v1.some(u => u.age >= _v2)), "Yes", "No")}
+All active: {__ctHelpers.ifElse(__ctHelpers.derive(state.users, _v1 => _v1.every(u => u.active)), "Yes", "No")}
Length sum: {derive({ state_text: state.text, state_prefix: state.prefix }, ({ state_text: _v1, state_prefix: _v2 }) => _v1.trim().length + _v2.trim().length)}
+Length sum: {__ctHelpers.derive({ state_text: state.text, state_prefix: state.prefix }, ({ state_text: _v1, state_prefix: _v2 }) => _v1.trim().length + _v2.trim().length)}
{/* Method result in comparison */} -Is long: {ifElse(derive({ state_text: state.text, state_threshold: state.threshold }, ({ state_text: _v1, state_threshold: _v2 }) => _v1.trim().length > _v2), "Yes", "No")}
+Is long: {__ctHelpers.ifElse(__ctHelpers.derive({ state_text: state.text, state_threshold: state.threshold }, ({ state_text: _v1, state_threshold: _v2 }) => _v1.trim().length > _v2), "Yes", "No")}
{/* Multiple method results combined */} -Joined: {derive({ state_words: state.words, state_separator: state.separator }, ({ state_words: _v1, state_separator: _v2 }) => _v1.join(_v2).toUpperCase())}
+Joined: {__ctHelpers.derive({ state_words: state.words, state_separator: state.separator }, ({ state_words: _v1, state_separator: _v2 }) => _v1.join(_v2).toUpperCase())}
Count: {count}
-Next: {derive(count, count => count + 1)}
-Double: {derive(count, count => count * 2)}
-Total: {derive(price, price => price * 1.1)}
+Next: {__ctHelpers.derive(count, count => count + 1)}
+Double: {__ctHelpers.derive(count, count => count * 2)}
+Total: {__ctHelpers.derive(price, price => price * 1.1)}
User info: {state.user.name} (age: {state.user.age}, email: {state.user.email})
{/* String concatenation with multiple property accesses */} -Full profile: {derive({ state_user_name: state.user.name, state_user_profile_location: state.user.profile.location, state_user_profile_bio: state.user.profile.bio }, ({ state_user_name: _v1, state_user_profile_location: _v2, state_user_profile_bio: _v3 }) => _v1 + " from " + _v2 + " - " + _v3)}
+Full profile: {__ctHelpers.derive({ state_user_name: state.user.name, state_user_profile_location: state.user.profile.location, state_user_profile_bio: state.user.profile.bio }, ({ state_user_name: _v1, state_user_profile_location: _v2, state_user_profile_bio: _v3 }) => _v1 + " from " + _v2 + " - " + _v3)}
{/* Arithmetic with multiple properties from same base */} -Age calculation: {derive(state.user.age, _v1 => _v1 * 12)} months, or {derive(state.user.age, _v1 => _v1 * 365)} days
+Age calculation: {__ctHelpers.derive(state.user.age, _v1 => _v1 * 12)} months, or {__ctHelpers.derive(state.user.age, _v1 => _v1 * 365)} days
Typography: Headings in {state.config.theme.fonts.heading}, body in {state.config.theme.fonts.body}, code in {state.config.theme.fonts.mono}
{/* Mixed depth accesses */} -Config summary: Dark mode {ifElse(state.config.features.darkMode, "enabled", "disabled")} with {state.config.theme.colors.primary} primary color
+Config summary: Dark mode {__ctHelpers.ifElse(state.config.features.darkMode, "enabled", "disabled")} with {state.config.theme.colors.primary} primary color
Status: {ifElse(state.user.settings.notifications, derive({ state_user_name: state.user.name, state_user_settings_theme: state.user.settings.theme }, ({ state_user_name: _v1, state_user_settings_theme: _v2 }) => _v1 + " has notifications on with " + _v2 + " theme"), derive(state.user.name, _v1 => _v1 + " has notifications off"))}
+Status: {__ctHelpers.ifElse(state.user.settings.notifications, __ctHelpers.derive({ state_user_name: state.user.name, state_user_settings_theme: state.user.settings.theme }, ({ state_user_name: _v1, state_user_settings_theme: _v2 }) => _v1 + " has notifications on with " + _v2 + " theme"), __ctHelpers.derive(state.user.name, _v1 => _v1 + " has notifications off"))}
{/* Computed expression with shared base */} -Spacing calc: {derive({ state_config_theme_spacing_small: state.config.theme.spacing.small, state_config_theme_spacing_medium: state.config.theme.spacing.medium, state_config_theme_spacing_large: state.config.theme.spacing.large }, ({ state_config_theme_spacing_small: _v1, state_config_theme_spacing_medium: _v2, state_config_theme_spacing_large: _v3 }) => _v1 + _v2 + _v3)} total
+Spacing calc: {__ctHelpers.derive({ state_config_theme_spacing_small: state.config.theme.spacing.small, state_config_theme_spacing_medium: state.config.theme.spacing.medium, state_config_theme_spacing_large: state.config.theme.spacing.large }, ({ state_config_theme_spacing_small: _v1, state_config_theme_spacing_medium: _v2, state_config_theme_spacing_large: _v3 }) => _v1 + _v2 + _v3)} total
{/* Boolean expressions with multiple properties */} -Features: {ifElse(derive({ state_config_features_darkMode: state.config.features.darkMode, state_config_features_animations: state.config.features.animations }, ({ state_config_features_darkMode: _v1, state_config_features_animations: _v2 }) => _v1 && _v2), "Full features", "Limited features")}
+Features: {__ctHelpers.ifElse(__ctHelpers.derive({ state_config_features_darkMode: state.config.features.darkMode, state_config_features_animations: state.config.features.animations }, ({ state_config_features_darkMode: _v1, state_config_features_animations: _v2 }) => _v1 && _v2), "Full features", "Limited features")}
Formatted: {derive(state.user.name, _v1 => _v1.toUpperCase())} - {derive(state.user.email, _v1 => _v1.toLowerCase())}
+Formatted: {__ctHelpers.derive(state.user.name, _v1 => _v1.toUpperCase())} - {__ctHelpers.derive(state.user.email, _v1 => _v1.toLowerCase())}
{/* Property access and method calls mixed */}Profile length: {state.user.profile.bio.length} chars in bio, {state.user.profile.location.length} chars in location
@@ -379,16 +379,16 @@ export default recipe({Data summary: {state.data.items.length} items with average {state.data.totals.average}
{/* Multiple levels of the same chain */} -Nested refs: {state.config.theme.colors.primary} in {state.config.theme.fonts.body} with {ifElse(state.config.features.animations, "animations", "no animations")}
+Nested refs: {state.config.theme.colors.primary} in {state.config.theme.fonts.body} with {__ctHelpers.ifElse(state.config.features.animations, "animations", "no animations")}
All levels: - Root: {ifElse(state.deeply, "exists", "missing")}, - Nested: {ifElse(state.deeply.nested, "exists", "missing")}, + Root: {__ctHelpers.ifElse(state.deeply, "exists", "missing")}, + Nested: {__ctHelpers.ifElse(state.deeply.nested, "exists", "missing")}, Value: {state.deeply.nested.structure.with.many.levels.value}
Current value: {cell.value}
-Next value: {derive(cell.value, _v1 => _v1 + 1)}
-Double: {derive(cell.value, _v1 => _v1 * 2)}
+Next value: {__ctHelpers.derive(cell.value, _v1 => _v1 + 1)}
+Double: {__ctHelpers.derive(cell.value, _v1 => _v1 * 2)}
Value: {cell.value}
@@ -28,3 +28,4 @@ export default recipe(model, model, (cell) => { value: cell.value, }; }); +__ctHelpers.NAME; //