Merge pull request #190 from agile-ts/develop

New Release 🎉

Author: bennobuilder

.changeset/calm-pets-attend.md

@@ -0,0 +1,27 @@
+---
+'@agile-ts/api': patch
+'@agile-ts/core': patch
+'cra-template-agile': patch
+'cra-template-agile-typescript': patch
+'@agile-ts/event': patch
+'@agile-ts/logger': patch
+'@agile-ts/multieditor': patch
+'@agile-ts/proxytree': patch
+'@agile-ts/react': patch
+'@agile-ts/utils': patch
+'@agile-ts/vue': patch
+---
+
+#### :rocket: New Feature
+* `core`, `event`, `logger`, `multieditor`, `react`, `utils`
+    * [#188](https://github.com/agile-ts/agile/pull/188) Tree shakeable support ([@bennodev19](https://github.com/bennodev19))
+
+#### :nail_care: Polish
+* `core`
+    * [#189](https://github.com/agile-ts/agile/pull/189) Optimize collection rebuilds ([@bennodev19](https://github.com/bennodev19))
+* `api`, `core`, `cra-template-agile-typescript`, `cra-template-agile`, `event`, `logger`, `multieditor`, `proxytree`, `react`, `utils`, `vue`
+    * [#187](https://github.com/agile-ts/agile/pull/187) Tree shakeable support ([@bennodev19](https://github.com/bennodev19))
+
+#### Committers: 1
+- BennoDev ([@bennodev19](https://github.com/bennodev19))
+

README.md

@@ -79,7 +79,7 @@ AgileTs is a global State and Logic Library implemented in Typescript.
 It offers a reimagined API that focuses on **developer experience**
 and allows you to **easily** and **flexible** manage your application States.
 Besides [States](https://agile-ts.org/docs/core/state),
-AgileTs offers some other powerful APIs that make your life easier,
+AgileTs offers some other powerful and tree shakable APIs that make your life easier,
 such as [Collections](https://agile-ts.org/docs/core/collection)
 and [Computed States](https://agile-ts.org/docs/core/computed).
 The philosophy behind AgileTs is simple:
@@ -88,19 +88,19 @@ The philosophy behind AgileTs is simple:
 
 Write minimalistic, boilerplate-free code that captures your intent.
 ```ts
-// Create State with inital value 'frank'
+// Create State with the inital value 'frank'
 const MY_STATE = createState('frank');
 
-// Update State value from 'frank' to 'jeff'
+// Update the State value from 'frank' to 'jeff'
 MY_STATE.set('jeff');
 
-// Undo latest State value change
+// Undo the latest State value change
 MY_STATE.undo();
 
-// Reset State value to its initial value
+// Reset the State value to its initial value
 MY_STATE.reset();
 
-// Permanently store State value in an external Storage
+// Permanently store the State value in an external Storage
 MY_STATE.persist("storage-key"); 
 ```
 
@@ -206,6 +206,14 @@ To find out more about contributing, check out the [CONTRIBUTING.md](https://git
    <img src="https://codeclimate.com/github/agile-ts/agile/badges/gpa.svg" alt="Maintainability"/>
 </a>
 
+### ♥️ Contributors 
+
+<a href="https://github.com/agile-ts/agile/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=agile-ts/agile" />
+</a>
+
+[Become a contributor](https://github.com/agile-ts/agile/blob/master/CONTRIBUTING.md)
+
 
 <br />
 

benchmark/.env

@@ -1 +1 @@
-MANUAL_BENCHMARK=false
+DEV=false

benchmark/README.md

@@ -121,10 +121,18 @@ Execute the benchmark located in `./benchmarks/react/counter`.
 ```ts
 yarn run test:counter
 ```
+If you want to test it manually, enable the `dev mode`.
+```ts
+yarn run test:counter --dev
+```
+The difference to the 'normal' mode is that:
+- the executed bundle isn't `minified`
+- the test has to be started manually by opening `localhost:3003`
+- the test results are printed in the `browser console`
 
 ## ⭐️ Contribute
 
-Get a part of AgileTs and start contributing. We welcome any meaningful contribution. 😀
+Feel free to add more tests and State Managers to be tested. We welcome any meaningful contribution. 😀
 To find out more about contributing, check out the [CONTRIBUTING.md](https://github.com/agile-ts/agile/blob/master/CONTRIBUTING.md).
 
 <a href="https://codeclimate.com/github/agile-ts/agile/coverage.svg">

benchmark/benchmarkManager.ts renamed to benchmark/benchmarks/benchmarkManager.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import ReactDom from 'react-dom';
-import { createCollection, LogCodeManager } from '@agile-ts/core';
-import { useAgile, useValue } from '@agile-ts/react';
+import { createCollection, LogCodeManager, shared } from '@agile-ts/core';
+import reactIntegration, { useAgile, useValue } from '@agile-ts/react';
 
-LogCodeManager.getLogger().isActive = false;
+LogCodeManager.setAllowLogging(false);
+shared.integrate(reactIntegration);
 
 export default function (target: HTMLElement, fieldsCount: number) {
   const FIELDS = createCollection({

benchmark/benchmarks/react/1000fields/bench/agilets/collection.tsx

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import * as ReactDom from 'react-dom';
-import { createState, LogCodeManager, State } from '@agile-ts/core';
-import { useAgile } from '@agile-ts/react';
+import { createState, LogCodeManager, shared, State } from '@agile-ts/core';
+import reactIntegration, { useAgile } from '@agile-ts/react';
 
-LogCodeManager.getLogger().isActive = false;
+LogCodeManager.setAllowLogging(false);
+shared.integrate(reactIntegration);
 
 export default function (target: HTMLElement, fieldsCount: number) {
   const FIELDS = createState(

benchmark/benchmarks/react/1000fields/bench/agilets/nestedState.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
 import ReactDom from 'react-dom';
-import { createState, LogCodeManager } from '@agile-ts/core';
-import { useAgile } from '@agile-ts/react';
+import { createState, LogCodeManager, shared } from '@agile-ts/core';
+import reactIntegration, { useAgile } from '@agile-ts/react';
 
-LogCodeManager.getLogger().isActive = false;
+LogCodeManager.setAllowLogging(false);
+shared.integrate(reactIntegration);
 
 export default function (target: HTMLElement, fieldsCount: number) {
   const FIELDS = createState(

benchmark/benchmarks/react/1000fields/bench/agilets/state.tsx

@@ -6,7 +6,7 @@ import {
   endBenchmarkLog,
   getCycleResult,
   startBenchmarkLog,
-} from '../../../benchmarkManager';
+} from '../../benchmarkManager';
 
 // Files to run the Benchmark on
 import agileCollection from './bench/agilets/collection';
@@ -81,8 +81,8 @@ suite
   .add('Agile State', configTest(agileState))
   .add('Agile nested State', configTest(agileNestedState))
   .add('Pulse Collection', configTest(pulseCollection))
-  // .add('Pulse State', configTest(pulseState))
-  // .add('Pulse nested State', configTest(pulseNestedState))
+  .add('Pulse State', configTest(pulseState))
+  .add('Pulse nested State', configTest(pulseNestedState))
   .add('Hookstate', configTest(hookstate))
   .add('Jotai', configTest(jotai))
   .add('Mobx', configTest(mobx))

benchmark/benchmarks/react/1000fields/index.ts

@@ -1,9 +1,16 @@
 import React from 'react';
 import ReactDom from 'react-dom';
-import { createComputed, createState, LogCodeManager } from '@agile-ts/core';
-import { useAgile } from '@agile-ts/react';
+import {
+  createComputed,
+  createState,
+  LogCodeManager,
+  shared,
+} from '@agile-ts/core';
+import reactIntegration, { useAgile } from '@agile-ts/react';
+
+LogCodeManager.setAllowLogging(false);
+shared.integrate(reactIntegration);
 
-LogCodeManager.getLogger().isActive = false;
 const COUNT = createState(0);
 const COMPUTED_COUNT = createComputed(() => {
   return COUNT.value * 5;