Merge pull request #215 from agile-ts/develop

New Release 🎉

Author: bennobuilder

.changeset/purple-scissors-float.md

@@ -0,0 +1,33 @@
+---
+'@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
+---
+
+#### ❗️ Breaking Change
+
+```ts
+MY_STATE.persist('persistKey'); -> MY_STATE.persist({key: 'persistKey'});
+```
+
+#### :rocket: New Feature
+* `core`
+    * [#214](https://github.com/agile-ts/agile/pull/214) add migration callback ([@bennodev19](https://github.com/bennodev19))
+
+#### :nail_care: Polish
+* `logger`
+    * [#210](https://github.com/agile-ts/agile/pull/210) Refactor logger ([@bennodev19](https://github.com/bennodev19))
+* `api`, `core`, `event`, `logger`, `multieditor`, `proxytree`, `react`, `utils`, `vue`
+    * [#209](https://github.com/agile-ts/agile/pull/209) Outsource react hooks ([@bennodev19](https://github.com/bennodev19))
+
+#### Committers: 1
+- BennoDev ([@bennodev19](https://github.com/bennodev19))
+

README.md

@@ -17,6 +17,9 @@
 </p>
 
 <p align="left">
+ <a href="https://agile-ts.org">
+   <img src="https://img.shields.io/badge/Status-Beta-green.svg" alt="Status"/>
+ </a>
  <a href="https://github.com/agile-ts/agile/actions?query=workflow%3ARelease">
    <img src="https://github.com/agile-ts/agile/workflows/Release/badge.svg" alt="Build Status"/>
  </a>
@@ -75,11 +78,11 @@ More examples can be found in the [Example section](https://agile-ts.org/docs/ex
 <br />
 <img src="https://raw.githubusercontent.com/agile-ts/agile/master/static/why_should_i_use_agile.png" alt="Why should I use AgileTs?"/>
 
-AgileTs is a global State and Logic Library implemented in Typescript.
+AgileTs is an atom based 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 and tree shakable APIs that make your life easier,
+AgileTs offers some other powerful 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:

benchmark/benchmarks/benchmarkManager.ts

@@ -49,9 +49,7 @@ export function endBenchmarkLog(
     const cycleResult = results[i];
 
     // Build Cycle Result Log
-    const cycleString = `{bold.bgGreen ${
-      i + 1
-    }.} {bold.blue ${cycleResult.name
+    const cycleString = `{bold.bgGreen ${i + 1}.} {bold.blue ${cycleResult.name
       .padEnd(20, '.')
       .replace(/(\.+)$/, '{red $1}')}}{yellow ${
       cycleResult.opsInSec

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

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

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

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

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

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

benchmark/benchmarks/react/computed/bench/agilets/autoTracking.tsx

@@ -3,12 +3,12 @@ import ReactDom from 'react-dom';
 import {
   createComputed,
   createState,
-  LogCodeManager,
+  logCodeManager,
   shared,
 } from '@agile-ts/core';
 import reactIntegration, { useAgile } from '@agile-ts/react';
 
-LogCodeManager.setAllowLogging(false);
+logCodeManager.allowLogging = false;
 shared.integrate(reactIntegration);
 
 const COUNT = createState(0);

benchmark/benchmarks/react/computed/bench/agilets/hardCoded.tsx

@@ -3,12 +3,12 @@ import ReactDom from 'react-dom';
 import {
   createComputed,
   createState,
-  LogCodeManager,
+  logCodeManager,
   shared,
 } from '@agile-ts/core';
 import reactIntegration, { useAgile } from '@agile-ts/react';
 
-LogCodeManager.setAllowLogging(false);
+logCodeManager.allowLogging = false;
 shared.integrate(reactIntegration);
 
 const COUNT = createState(0);

benchmark/benchmarks/react/counter/bench/agilets.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import ReactDom from 'react-dom';
-import { createState, LogCodeManager, shared } from '@agile-ts/core';
+import { createState, shared, logCodeManager } from '@agile-ts/core';
 import reactIntegration, { useAgile } from '@agile-ts/react';
 
-LogCodeManager.setAllowLogging(false);
+logCodeManager.allowLogging = false;
 shared.integrate(reactIntegration);
 
 const COUNT = createState(0);

benchmark/benchmarks/typescript/cloneDeep/bench/looper.ts

@@ -3,9 +3,8 @@ export function cloneDeep<T = any>(value: T): T {
   if (value == null || typeof value !== 'object') return value;
 
   // Ignore everything that is no object or array but has the type of an object (e.g. classes)
-  const valConstructorName = Object.getPrototypeOf(
-    value
-  ).constructor.name.toLowerCase();
+  const valConstructorName =
+    Object.getPrototypeOf(value).constructor.name.toLowerCase();
   if (valConstructorName !== 'object' && valConstructorName !== 'array')
     return value;