little-state-machine - npm Package Compare versions

Comparing version 2.6.0-beta.1 to 2.6.0-beta.2

dist/index.d.ts

 import { setStorageType, createStore, StateMachineProvider, useStateMachine, StateMachineContext, setStorageName } from './stateMachine';
-import DevToolComponent from './devToolComponent';
-export { setStorageType, createStore, StateMachineProvider, useStateMachine, StateMachineContext, setStorageName, DevToolComponent, };
+import DevTool from './devToolComponent';
+export { setStorageType, createStore, StateMachineProvider, useStateMachine, StateMachineContext, setStorageName, DevTool, };

dist/index.es.js

@@ -167,8 +167,9 @@ import * as React from 'react';
 function devToolComponent() {
-    if (process.env.NODE_ENV === 'production')
-        return null;
     const { state } = useStateMachine();
+    const [isCurrentState, setCurrentState] = useState(true);
     const [isClose, setClose] = useState(false);
     console.log('isClose', isClose);
-    return isClose ? (createElement("button", { style: {
+    return (createElement("div", { style: {
+            fontFamily: `BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif`,
+        } }, isClose ? (createElement("button", { style: {
             position: 'fixed',
@@ -182,3 +183,5 @@ right: 0,
             color: 'white',
+            zIndex: 100000000,
         }, onClick: () => setClose(!isClose) }, "Little State Machine")) : (createElement("div", { style: {
+            zIndex: 100000000,
             position: 'fixed',
@@ -212,7 +215,8 @@ right: 0,
         createElement("section", { style: { padding: 10 } },
-            createElement(ReactJson, { src: state, theme: "harmonic", iconStyle: "square", enableClipboard: true, displayObjectSize: false, displayDataTypes: false, style: {
+            createElement(ReactJson, { src: isCurrentState ? state : {}, theme: "harmonic", iconStyle: "square", enableClipboard: true, displayObjectSize: false, displayDataTypes: false, style: {
+                    fontSize: 12,
                     overflowX: 'scroll',
-                } }))));
+                } }))))));
 }
 
-export { devToolComponent as DevToolComponent, StateMachineContext, StateMachineProvider, createStore, setStorageName, setStorageType, useStateMachine };
+export { devToolComponent as DevTool, StateMachineContext, StateMachineProvider, createStore, setStorageName, setStorageType, useStateMachine };

dist/index.js

@@ -172,8 +172,9 @@ 'use strict';
 function devToolComponent() {
-    if (process.env.NODE_ENV === 'production')
-        return null;
     const { state } = useStateMachine();
+    const [isCurrentState, setCurrentState] = useState(true);
     const [isClose, setClose] = useState(false);
     console.log('isClose', isClose);
-    return isClose ? (React.createElement("button", { style: {
+    return (React.createElement("div", { style: {
+            fontFamily: `BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif`,
+        } }, isClose ? (React.createElement("button", { style: {
             position: 'fixed',
@@ -187,3 +188,5 @@ right: 0,
             color: 'white',
+            zIndex: 100000000,
         }, onClick: () => setClose(!isClose) }, "Little State Machine")) : (React.createElement("div", { style: {
+            zIndex: 100000000,
             position: 'fixed',
@@ -217,8 +220,9 @@ right: 0,
         React.createElement("section", { style: { padding: 10 } },
-            React.createElement(ReactJson, { src: state, theme: "harmonic", iconStyle: "square", enableClipboard: true, displayObjectSize: false, displayDataTypes: false, style: {
+            React.createElement(ReactJson, { src: isCurrentState ? state : {}, theme: "harmonic", iconStyle: "square", enableClipboard: true, displayObjectSize: false, displayDataTypes: false, style: {
+                    fontSize: 12,
                     overflowX: 'scroll',
-                } }))));
+                } }))))));
 }
 
-exports.DevToolComponent = devToolComponent;
+exports.DevTool = devToolComponent;
 exports.StateMachineContext = StateMachineContext;
@@ -225,0 +229,0 @@ exports.StateMachineProvider = StateMachineProvider;

package.json

 {
   "name": "little-state-machine",
-  "version": "2.6.0-beta.1",
+  "version": "2.6.0-beta.2",
   "main": "dist/index.js",
@@ -5,0 +5,0 @@ "module": "dist/index.es.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

25179

increased by2.5%

Lines of code

472

increased by1.72%

Number of low supply chain risk alerts

3

decreased by-40%

No dependency changes