Merge pull request #187 from agile-ts/tree-shakeable-support

Tree shakeable support

Author: bennobuilder

README.md

@@ -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/benchmarkManager.ts benchmark/benchmarks/benchmarkManager.tsbenchmark/benchmarkManager.ts renamed to benchmark/benchmarks/benchmarkManager.ts

@@ -1,9 +1,11 @@
 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, shared } from '@agile-ts/core';
+import reactIntegration, { useAgile, useValue } from '@agile-ts/react';
+import { assignSharedAgileLoggerConfig } from '@agile-ts/logger';
 
-LogCodeManager.getLogger().isActive = false;
+assignSharedAgileLoggerConfig({ active: 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,11 @@
 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, shared, State } from '@agile-ts/core';
+import reactIntegration, { useAgile } from '@agile-ts/react';
+import { assignSharedAgileLoggerConfig } from '@agile-ts/logger';
 
-LogCodeManager.getLogger().isActive = false;
+assignSharedAgileLoggerConfig({ active: 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,11 @@
 import React from 'react';
 import ReactDom from 'react-dom';
-import { createState, LogCodeManager } from '@agile-ts/core';
-import { useAgile } from '@agile-ts/react';
+import { createState, shared } from '@agile-ts/core';
+import reactIntegration, { useAgile } from '@agile-ts/react';
+import { assignSharedAgileLoggerConfig } from '@agile-ts/logger';
 
-LogCodeManager.getLogger().isActive = false;
+assignSharedAgileLoggerConfig({ active: 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';

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

@@ -1,9 +1,12 @@
 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, shared } from '@agile-ts/core';
+import reactIntegration, { useAgile } from '@agile-ts/react';
+import { assignSharedAgileLoggerConfig } from '@agile-ts/logger';
+
+assignSharedAgileLoggerConfig({ active: false });
+shared.integrate(reactIntegration);
 
-LogCodeManager.getLogger().isActive = false;
 const COUNT = createState(0);
 const COMPUTED_COUNT = createComputed(() => {
   return COUNT.value * 5;

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

@@ -1,9 +1,12 @@
 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, shared } from '@agile-ts/core';
+import reactIntegration, { useAgile } from '@agile-ts/react';
+import { assignSharedAgileLoggerConfig } from '@agile-ts/logger';
+
+assignSharedAgileLoggerConfig({ active: false });
+shared.integrate(reactIntegration);
 
-LogCodeManager.getLogger().isActive = false;
 const COUNT = createState(0);
 const COMPUTED_COUNT = createComputed(
   () => {

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

@@ -6,7 +6,7 @@ import {
   endBenchmarkLog,
   getCycleResult,
   startBenchmarkLog,
-} from '../../../benchmarkManager';
+} from '../../benchmarkManager';
 
 // Files to run the Benchmark on
 import agileAutoTracking from './bench/agilets/autoTracking';

benchmark/benchmarks/react/computed/index.ts

@@ -1,13 +1,16 @@
 import React from 'react';
 import ReactDom from 'react-dom';
-import { createState, LogCodeManager } from '@agile-ts/core';
-import { useAgile } from '@agile-ts/react';
+import { createState, shared } from '@agile-ts/core';
+import reactIntegration, { useAgile } from '@agile-ts/react';
+import { assignSharedAgileLoggerConfig } from '@agile-ts/logger';
+
+assignSharedAgileLoggerConfig({ active: false });
+shared.integrate(reactIntegration);
 
-LogCodeManager.getLogger().isActive = false;
 const COUNT = createState(0);
 
 const App = () => {
-  const count = useAgile(COUNT, undefined);
+  const count = useAgile(COUNT);
   return <h1 onClick={() => COUNT.set((state) => state + 1)}>{count}</h1>;
 };