@basthon/console-react 0.3.2 → 0.3.4

package/lib/components/app.d.ts

@@ -2,6 +2,7 @@ import { FC, PropsWithChildren } from "react";
 import { type BasthonContextProps } from "@basthon/gui-react";
 import { type Theme } from "../state-manager";
 interface InnerAppProps {
+    initFromStorage?: boolean;
     forceTheme?: Theme;
     compactHeader?: boolean;
     onChangeEditor?: () => void;

package/lib/components/app.js

@@ -9,10 +9,10 @@ import { Header } from "./header";
 import { MainContainer } from "./main-container";
 import { Footer } from "./footer";
 import * as styles from "./styles.module.scss";
-const InnerApp = ({ forceTheme, compactHeader, onChangeEditor, children, }) => {
+const InnerApp = ({ initFromStorage, forceTheme, compactHeader, onChangeEditor, children, }) => {
     const gui = useGUI();
     // state
-    const [state, dispatch] = stateManager.useReducer(gui.language);
+    const [state, dispatch] = stateManager.useReducer(gui.language, initFromStorage ?? true);
     const language = stateManager.language(state);
     const theme = forceTheme != null ? forceTheme : stateManager.theme(state);
     // set data-theme for basthon-loader footer
@@ -29,9 +29,14 @@ const InnerApp = ({ forceTheme, compactHeader, onChangeEditor, children, }) => {
 /**
  * Main app setting up state manager, header, main container and footer.
  */
-const ConsoleApp = ({ forceTheme, compactHeader, onChangeEditor, children, ...props }) => {
+const ConsoleApp = ({ initFromStorage, forceTheme, compactHeader, onChangeEditor, children, ...props }) => {
     props.GUI = GUI;
-    const innerProps = { forceTheme, compactHeader, onChangeEditor };
+    const innerProps = {
+        initFromStorage,
+        forceTheme,
+        compactHeader,
+        onChangeEditor,
+    };
     return (_jsx(BasthonContext, { ...props, children: _jsx(InnerApp, { ...innerProps, children: children }) }));
 };
 export default ConsoleApp;

package/lib/state-manager.d.ts

@@ -17,7 +17,7 @@ interface Action {
     payload?: Theme | ViewMode | RightPanel | State | string;
 }
 declare const stateManager: {
-    useReducer: (language: Language) => readonly [{
+    useReducer: (language: Language, initFromStorage: boolean) => readonly [{
         language: Language;
         ready: boolean;
         theme: Theme;

package/lib/state-manager.js

@@ -42,7 +42,8 @@ const reducer = (state, action) => {
     const { type, payload } = action;
     switch (type) {
         case "init": {
-            const state = copy(payload);
+            if (payload != null)
+                state = copy(payload);
             state.ready = true;
             return state;
         }
@@ -77,16 +78,19 @@ const reducer = (state, action) => {
 };
 /* stateManager exposed as API */
 const stateManager = {
-    useReducer: (language) => {
+    useReducer: (language, initFromStorage) => {
         const [state, dispatch] = useImmerReducer(reducer, {
             ...initialState,
             language,
         });
         // dispatch init from storage
         useEffect(() => {
-            stateFromStorage(language).then((payload) => {
+            (async () => {
+                let payload = undefined;
+                if (initFromStorage)
+                    payload = await stateFromStorage(language);
                 dispatch({ type: "init", payload });
-            });
+            })();
         }, []);
         return [state, dispatch];
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basthon/console-react",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "Basthon - Console React Component",
   "homepage": "https://basthon.fr",
   "bugs": {