add toggleState feature

Author: fabioricali

src/For.js

@@ -1,6 +1,6 @@
 import {h} from "./parser.js";
 
-export function For({ each, effect, getKey = (item) => item.id || item.name, tag = 'ext-container', attributes = {} }) {
+export default function For({ each, effect, getKey = (item) => item.id || item.name, tag = 'ext-container', attributes = {} }) {
     function onInitialize(component) {
         const childStateMap = new Map(); // Mappa per gestire lo stato dei figli
 

src/conditionalState.js

@@ -1,4 +1,4 @@
-import {createDerivedState} from "./createDerivedState.js";
+import createDerivedState from "./createDerivedState.js";
 
 export default function conditionalState(state, trueValue = true, falseValue = false) {
     return createDerivedState(() => state() ? trueValue : falseValue);

src/createDerivedState.js

@@ -1,7 +1,7 @@
 import { setActiveTracker } from './dependencyTracker.js';
 import { createState } from './createState.js';
 
-export function createDerivedState(transformer, sync = false, ...args) {
+export default function createDerivedState(transformer, sync = false, ...args) {
     const dependencies = new Set();
 
     const trackingWrapper = (...args) => {

src/createState.js

@@ -65,6 +65,7 @@ export function createState(initialValue, context = null, treatAsSingleEntity =
             }
         }
     };
+    getState.$$setState = setState;
 
     const applyState = (newValue) => {
         let hasChanges = false;
@@ -125,6 +126,7 @@ export function createState(initialValue, context = null, treatAsSingleEntity =
                     return state[key];
                 };
                 propertyGetter.$$isState = true;
+                propertyGetter.$$setState = setState[key];
                 propertyGetter.$$subscribe = listener => {
                     propertyListeners[key].add(listener);
                     return () => propertyListeners[key].delete(listener);

src/index.js

@@ -6,12 +6,13 @@ import createRef from "./createRef.js";
 import createExtRef from "./createExtRef.js";
 import createEffect from "./createEffect.js";
 import createPropertyObserver from "./createPropertyObserver.js";
-import {createDerivedState} from "./createDerivedState.js";
+import createDerivedState from "./createDerivedState.js";
 import conditionalState from "./conditionalState.js";
-import {For} from "./For.js";
+import toggleState from "./toggleState.js";
+import For from "./For.js";
 export {
     h, generateHtmlClass, initialize, destroy, createState, createRef, createExtRef, createEffect, createDerivedState,
-    defineExtClass, createPropertyObserver, For, conditionalState
+    defineExtClass, createPropertyObserver, For, conditionalState, toggleState
 };
 
 try {

src/toggleState.js

@@ -0,0 +1,3 @@
+export default function toggleState(state) {
+    return state.$$setState(currentState => !currentState);
+}

test/createDerivedState.js

@@ -1,6 +1,5 @@
 import assert from 'assert';
-import { createDerivedState } from "../src/createDerivedState.js";
-import { createState } from "../src/createState.js";
+import { createState, createDerivedState } from "../src/index.js";
 
 describe('createDerivedState', function () {
 

test/toggleState.js

@@ -0,0 +1,21 @@
+import {createState, toggleState} from "../src/index.js";
+import assert from "node:assert";
+
+describe('toggleState', function () {
+    it('a single state set to false should change using toggleState to true', function () {
+        const [myState] = createState(false, null, false, true);
+        toggleState(myState);
+        assert.equal(myState(), true);
+        toggleState(myState);
+        assert.equal(myState(), false);
+    });
+
+    it('a single state set to false should change using toggleState to true', function () {
+        const [{ done, text }, ] = createState({ done: false, text: 'Hello' });
+        toggleState(done);
+        assert.equal(text(), 'Hello');
+        assert.equal(done(), true);
+        toggleState(done);
+        assert.equal(done(), false);
+    });
+})