Tree shakeable support

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

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

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

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

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

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

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

@@ -1,10 +1,14 @@
 import React from 'react';
 import ReactDom from 'react-dom';
-import { createComputed, createState, shared } from '@agile-ts/core';
+import {
+  createComputed,
+  createState,
+  LogCodeManager,
+  shared,
+} from '@agile-ts/core';
 import reactIntegration, { useAgile } from '@agile-ts/react';
-import { assignSharedAgileLoggerConfig } from '@agile-ts/logger';
 
-assignSharedAgileLoggerConfig({ active: false });
+LogCodeManager.setAllowLogging(false);
 shared.integrate(reactIntegration);
 
 const COUNT = createState(0);

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

@@ -1,10 +1,14 @@
 import React from 'react';
 import ReactDom from 'react-dom';
-import { createComputed, createState, shared } from '@agile-ts/core';
+import {
+  createComputed,
+  createState,
+  LogCodeManager,
+  shared,
+} from '@agile-ts/core';
 import reactIntegration, { useAgile } from '@agile-ts/react';
-import { assignSharedAgileLoggerConfig } from '@agile-ts/logger';
 
-assignSharedAgileLoggerConfig({ active: false });
+LogCodeManager.setAllowLogging(false);
 shared.integrate(reactIntegration);
 
 const COUNT = createState(0);

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

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

examples/plainjs/develop/tree-shaking/package.json

@@ -6,18 +6,16 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "webpack",
-    "install:dev:agile": "yalc add @agile-ts/core @agile-ts/react & yarn install",
-    "install:prod:agile": "yarn add @agile-ts/core @agile-ts/react & yarn install"
+    "install:dev:agile": "yalc add @agile-ts/core & yarn install",
+    "install:prod:agile": "yarn add @agile-ts/core & yarn install"
   },
   "author": "",
   "license": "ISC",
   "devDependencies": {
     "webpack": "^5.47.0",
-    "webpack-cli": "^4.7.2"
+    "webpack-cli": "^4.8.0"
   },
   "dependencies": {
-    "@agile-ts/core": "file:.yalc/@agile-ts/core",
-    "@agile-ts/react": "file:.yalc/@agile-ts/react",
-    "react": "^17.0.2"
+    "@agile-ts/core": "file:.yalc/@agile-ts/core"
   }
 }

examples/plainjs/develop/tree-shaking/src/index.js

@@ -1,8 +1,5 @@
-import { createState } from '@agile-ts/core';
-import { useAgile } from '@agile-ts/react';
+import { createLightState } from '@agile-ts/core';
 
-const MY_STATE = createState('hi');
+const MY_STATE = createLightState('hi');
 
 console.log(MY_STATE.value);
-
-useAgile(MY_STATE);

examples/react-native/develop/AwesomeTSProject/core/index.ts

@@ -1,20 +1,16 @@
-import { Agile } from '@agile-ts/core';
-import { Event } from '@agile-ts/event';
+import { createState, createComputed, createCollection } from '@agile-ts/core';
+import { createEvent, Event } from '@agile-ts/event';
 import { Alert } from 'react-native';
 
-export const App = new Agile({
-  logConfig: { active: true },
-});
-
-export const MY_STATE = App.createState<string>('MyState', { key: 'my-state' }); //.persist();
-export const MY_STATE_2 = App.createState<string>('MyState2'); //.persist("my-state2");
-export const MY_STATE_3 = App.createState<number>(1); //.persist("my-state2");
+export const MY_STATE = createState<string>('MyState', { key: 'my-state' }); //.persist();
+export const MY_STATE_2 = createState<string>('MyState2'); //.persist("my-state2");
+export const MY_STATE_3 = createState<number>(1); //.persist("my-state2");
 
 MY_STATE.watch('test', (value: any) => {
   console.log('Watch ' + value);
 });
 
-export const MY_COMPUTED = App.createComputed<string>(() => {
+export const MY_COMPUTED = createComputed<string>(() => {
   return 'test' + MY_STATE.value + '_computed_' + MY_STATE_2.value;
 });
 
@@ -23,7 +19,7 @@ interface collectionValueInterface {
   name: string;
 }
 
-export const MY_COLLECTION = App.createCollection<collectionValueInterface>(
+export const MY_COLLECTION = createCollection<collectionValueInterface>(
   (collection) => ({
     key: 'my-collection',
     groups: {
@@ -43,7 +39,7 @@ MY_COLLECTION.getGroup('myGroup')?.persist({
 
 console.log('Initial: myCollection ', MY_COLLECTION);
 
-export const MY_EVENT = new Event<{ name: string }>(App);
+export const MY_EVENT = createEvent<{ name: string }>();
 
 MY_EVENT.on('Test', (payload) => {
   Alert.alert(

examples/react/develop/class-component-ts/src/core/index.ts

@@ -1,25 +1,25 @@
-import { Agile, clone, Logger } from '@agile-ts/core';
-import { Event } from '@agile-ts/event';
+import {
+  clone,
+  createState,
+  createComputed,
+  createCollection,
+} from '@agile-ts/core';
+import { createEvent, Event } from '@agile-ts/event';
 
-export const App = new Agile({
-  logConfig: { level: Logger.level.DEBUG, timestamp: true },
-  waitForMount: false,
-});
-
-export const MY_STATE = App.createState<string>('MyState'); //.persist();
-export const MY_STATE_2 = App.createState<string>('MyState2', {
+export const MY_STATE = createState<string>('MyState'); //.persist();
+export const MY_STATE_2 = createState<string>('MyState2', {
   key: 'myState2',
 }).persist();
 MY_STATE_2.onLoad(() => {
   console.log('On Load');
 });
-export const MY_STATE_3 = App.createState<number>(1); //.persist("my-state2");
+export const MY_STATE_3 = createState<number>(1); //.persist("my-state2");
 
 MY_STATE.watch('test', (value: any) => {
   console.log('Watch ' + value);
 });
 
-export const MY_COMPUTED = App.createComputed<string>(() => {
+export const MY_COMPUTED = createComputed<string>(() => {
   return 'test' + MY_STATE.value + '_computed_' + MY_STATE_2.value;
 }, []).setKey('myComputed');
 
@@ -28,7 +28,7 @@ interface collectionValueInterface {
   name: string;
 }
 
-export const MY_COLLECTION = App.createCollection<collectionValueInterface>(
+export const MY_COLLECTION = createCollection<collectionValueInterface>(
   (collection) => ({
     key: 'my-collection',
     groups: {
@@ -48,7 +48,7 @@ MY_COLLECTION.getGroup('myGroup')?.persist({
 
 console.log('Initial: myCollection ', clone(MY_COLLECTION));
 
-export const MY_EVENT = new Event<{ name: string }>(App, {
+export const MY_EVENT = createEvent<{ name: string }>({
   delay: 3000,
   key: 'myEvent',
 });

examples/react/develop/functional-component-ts/src/App.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import './App.css';
 import { useAgile, useWatcher, useProxy, useSelector } from '@agile-ts/react';
-import { useEvent } from '@agile-ts/event';
+import { useEvent } from '@agile-ts/event/dist/react';
 import {
   COUNTUP,
   externalCreatedItem,
@@ -44,9 +44,12 @@ const App = (props: any) => {
   ]);
   const [myGroup] = useAgile([MY_COLLECTION.getGroupWithReference('myGroup')]);
 
-  const selectedObjectItem = useSelector(STATE_OBJECT, (value) => {
-    return value.age;
-  });
+  const stateObjectAge = useSelector<typeof STATE_OBJECT.value, number>(
+    STATE_OBJECT,
+    (value) => {
+      return value.age;
+    }
+  );
 
   const [stateObject, item2, collection2] = useProxy(
     [STATE_OBJECT, MY_COLLECTION.getItem('id2'), MY_COLLECTION],
@@ -56,8 +59,6 @@ const App = (props: any) => {
   console.log('Item1: ', item2?.name);
   console.log('Collection: ', collection2.slice(0, 2));
 
-  // const myCollection2 = useAgile(MY_COLLECTION);
-
   const mySelector = useAgile(MY_COLLECTION.getSelector('mySelector'));
 
   useEvent(MY_EVENT, () => {
@@ -126,6 +127,13 @@ const App = (props: any) => {
             }}>
             Change shallow name
           </button>
+          <p>Age: {stateObjectAge}</p>
+          <button
+            onClick={() => {
+              STATE_OBJECT.patch({ age: generateId(2) });
+            }}>
+            Change age
+          </button>
         </div>
 
         <div className={'Container'}>

examples/react/develop/functional-component-ts/src/core/index.ts

@@ -4,22 +4,25 @@ import Agile, {
   createComputed,
   createState,
   createStorage,
+  createStorageManager,
   Item,
+  assignSharedAgileStorageManager,
 } from '@agile-ts/core';
-import Event from '@agile-ts/event';
+import { createEvent } from '@agile-ts/event';
 import { assignSharedAgileLoggerConfig, Logger } from '@agile-ts/logger';
 import { clone } from '@agile-ts/utils';
 
 export const myStorage: any = {};
 
 assignSharedAgileLoggerConfig({ level: Logger.level.DEBUG });
-export const App = new Agile({
-  localStorage: true,
-});
+export const App = new Agile();
 assignSharedAgileInstance(App);
 
+export const storageManager = createStorageManager({ localStorage: true });
+assignSharedAgileStorageManager(storageManager);
+
 // Register custom second Storage
-App.registerStorage(
+storageManager.register(
   createStorage({
     key: 'myStorage',
     methods: {
@@ -111,7 +114,7 @@ export const externalCreatedItem = new Item(MY_COLLECTION, {
 
 console.log('Initial: myCollection ', clone(MY_COLLECTION));
 
-export const MY_EVENT = new Event<{ name: string }>(App, {
+export const MY_EVENT = createEvent<{ name: string }>({
   delay: 3000,
   key: 'myEvent',
 });

examples/react/develop/functional-component-ts/yarn.lock

@@ -3,36 +3,36 @@
 
 
 "@agile-ts/api@file:.yalc/@agile-ts/api":
-  version "0.0.19"
+  version "0.0.21"
   dependencies:
-    "@agile-ts/utils" "^0.0.5"
+    "@agile-ts/utils" "^0.0.7"
 
 "@agile-ts/core@file:.yalc/@agile-ts/core":
-  version "0.1.0"
+  version "0.2.0-alpha.4"
   dependencies:
-    "@agile-ts/utils" "^0.0.5"
+    "@agile-ts/utils" "^0.0.7"
 
 "@agile-ts/event@file:.yalc/@agile-ts/event":
-  version "0.0.8"
+  version "0.0.10"
 
 "@agile-ts/logger@file:.yalc/@agile-ts/logger":
-  version "0.0.5"
+  version "0.0.7"
   dependencies:
-    "@agile-ts/utils" "^0.0.5"
+    "@agile-ts/utils" "^0.0.7"
 
 "@agile-ts/multieditor@file:.yalc/@agile-ts/multieditor":
-  version "0.0.18"
+  version "0.0.20"
 
 "@agile-ts/proxytree@file:.yalc/@agile-ts/proxytree":
-  version "0.0.4"
+  version "0.0.5"
 
 "@agile-ts/react@file:.yalc/@agile-ts/react":
-  version "0.1.0"
+  version "0.2.0-alpha.1"
 
-"@agile-ts/utils@^0.0.5":
-  version "0.0.5"
-  resolved "https://registry.yarnpkg.com/@agile-ts/utils/-/utils-0.0.5.tgz#23cc83e60eb6b15734247fac1d77f1fd629ffdb6"
-  integrity sha512-R86X9MjMty14eoQ4djulZSdHf9mIF9dPcj4g+SABqdA6AqbewS0/BQGNGR5p6gXhqc4+mT8rzkutywdPnMUNfA==
+"@agile-ts/utils@^0.0.7":
+  version "0.0.7"
+  resolved "https://registry.yarnpkg.com/@agile-ts/utils/-/utils-0.0.7.tgz#3dd1add6b9f63d0a5bf35e71f54ac46448ae047f"
+  integrity sha512-OviTDC+ZbfyiUx8Gy8veS6YymC/tT6UeP23nT8V0EQV4F2MmuWqZ2yiKk+AYxZx8h74Ey8BVEUX6/ntpxhSNPw==
 
 "@babel/code-frame@7.8.3":
   version "7.8.3"

examples/react/develop/multieditor-ts/src/core/agile.ts

@@ -1,10 +1,6 @@
 import { Agile, globalBind } from '@agile-ts/core';
 
-const App = new Agile({
-  logConfig: {
-    active: true,
-  },
-});
+const App = new Agile();
 
 export default App;