gomtm 0.0.291 → 0.0.292

package/dist/esm/store/mtapp-store.d.ts

@@ -1,30 +1,45 @@
 import { PropsWithChildren } from 'react';
-export interface ConfigState {
+export type ActionHandler = (props: {
+    action: string;
+    values?: any;
+}) => void;
+interface GomtmAppProps {
     debug?: boolean;
-    theme?: string;
-    layout?: string;
     listviewLayout?: string;
+    cacheEnabled?: boolean;
     backendUrl?: string;
-}
-interface GomtmAppProps {
-    debug?: boolean;
-    configState: ConfigState;
-    params: any;
+    layout?: string;
+    theme?: string;
+    counter?: number;
+    params?: any;
     cookieStr?: string;
     globalSearchParams?: any;
     openDebug?: boolean;
 }
 interface GomtmAppState extends GomtmAppProps {
     loading?: boolean;
+    setCounter: (counter: number) => void;
     setLoading: (loading: boolean) => void;
     setDebug: (debug: boolean) => void;
     setLayout: (layout: string) => void;
     setGlobalSearchParams: (globalSearchParams: any) => void;
     setOpenDebug: (openDebug: boolean) => void;
+    setCacheEnabled: (cacheEnabled: boolean) => void;
 }
-export declare const BearContext: import("react").Context<import("zustand").StoreApi<GomtmAppState> | null>;
+export declare const BearContext: import("react").Context<(Omit<import("zustand").StoreApi<GomtmAppState>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<GomtmAppState, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => void | Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: GomtmAppState) => void) => () => void;
+        onFinishHydration: (fn: (state: GomtmAppState) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<GomtmAppState, unknown>>;
+    };
+}) | null>;
 type BearProviderProps = React.PropsWithChildren<GomtmAppProps>;
 export declare const GoMtmAppProvider: (props: BearProviderProps) => import("react").JSX.Element;
 export declare function useGomtm<T>(selector: (state: GomtmAppState) => T): T;
 export declare const MtConnectProvider: (props: PropsWithChildren) => import("react").JSX.Element;
+export declare const DebugCounter: () => import("react").JSX.Element;
 export {};

package/dist/esm/store/mtapp-store.js

@@ -32,33 +32,54 @@ var __objRest = (source, exclude) => {
 };
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createConnectTransport } from "@connectrpc/connect-web";
+import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { createContext, useContext, useMemo, useRef } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { useStore } from "zustand";
+import { createJSONStorage, persist } from "zustand/middleware";
 import { createStore } from "zustand/vanilla";
 import { GoMtmDebug } from "../components/devtools/GoMtmDebug";
 import { TransportProvider } from "../connectquery";
-import { HOTKEY_Debug } from "../consts";
+import { CookieConfigState, HOTKEY_Debug } from "../consts";
 import { anypbTypeReg } from "../messageTypeRegistry";
 import { gomtmFetcher } from "../mtmFetcher";
 import { MtReactQueryProvider } from "../providers/ReactQueryProvider";
+import { customCookieStorage } from "./customStorage";
 const createGomtmAppStore = (initProps) => {
   const DEFAULT_PROPS = {
     debug: false,
-    configState: {},
-    params: {}
+    // configState: {},
+    params: {},
+    counter: 0
   };
-  return createStore()((set) => __spreadProps(__spreadValues(__spreadValues({}, DEFAULT_PROPS), initProps), {
-    setLoading: (loading) => set({ loading }),
-    setDebug: (debug) => set((state) => __spreadProps(__spreadValues({}, state), { configState: __spreadProps(__spreadValues({}, state.configState), { debug }) })),
-    setLayout: (layout) => set((state) => __spreadProps(__spreadValues({}, state), { configState: __spreadProps(__spreadValues({}, state.configState), { layout }) })),
-    setGlobalSearchParams: (globalSearchParams) => {
-      console.log("setGlobalSearchParams", globalSearchParams);
-      return set({ globalSearchParams });
-    },
-    openDebug: false,
-    setOpenDebug: (openDebug) => set({ openDebug })
-  }));
+  return createStore()(
+    persist(
+      (set) => __spreadProps(__spreadValues(__spreadValues({}, DEFAULT_PROPS), initProps), {
+        setLoading: (loading) => set({ loading }),
+        setDebug: (debug) => set({ debug }),
+        setLayout: (layout) => set({ layout }),
+        setCacheEnabled: (cacheEnabled) => set({ cacheEnabled }),
+        setCounter: (counter) => set({ counter }),
+        setGlobalSearchParams: (globalSearchParams) => set({ globalSearchParams }),
+        openDebug: false,
+        setOpenDebug: (openDebug) => set({ openDebug })
+      }),
+      {
+        name: CookieConfigState,
+        // name of the item in the storage (must be unique)
+        storage: createJSONStorage(() => customCookieStorage),
+        partialize: (state) => {
+          return Object.fromEntries(
+            Object.entries(state).filter(
+              ([key]) => {
+                return !["cookieStr", "children"].includes(key);
+              }
+            )
+          );
+        }
+      }
+    )
+  );
 };
 const BearContext = createContext(null);
 const GoMtmAppProvider = (props) => {
@@ -69,8 +90,8 @@ const GoMtmAppProvider = (props) => {
   }
   return /* @__PURE__ */ jsx(BearContext.Provider, { value: storeRef.current, children: /* @__PURE__ */ jsxs(MtConnectProvider, { children: [
     /* @__PURE__ */ jsxs(MtReactQueryProvider, { children: [
-      children,
-      /* @__PURE__ */ jsx(GoMtmDebug, {})
+      /* @__PURE__ */ jsx(GoMtmDebug, {}),
+      children
     ] }),
     /* @__PURE__ */ jsx(Setup, {})
   ] }) });
@@ -92,7 +113,7 @@ const Setup = () => {
 };
 const MtConnectProvider = (props) => {
   const { children } = props;
-  const backendUrl = useGomtm((x) => x.configState.backendUrl);
+  const backendUrl = useGomtm((x) => x.backendUrl);
   const cookieStr = useGomtm((x) => x.cookieStr);
   const transport = useMemo(() => {
     const baseApiUrl = new URL("/api", backendUrl || "").toString();
@@ -110,8 +131,20 @@ const MtConnectProvider = (props) => {
   }, [backendUrl, cookieStr]);
   return /* @__PURE__ */ jsx(TransportProvider, { transport, children });
 };
+const DebugCounter = () => {
+  const counter = useGomtm((x) => x.counter);
+  const setCounter = useGomtm((x) => x.setCounter);
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(MtButton, { onClick: () => {
+    setCounter((counter || 0) + 1);
+  }, children: [
+    "counter:(",
+    counter,
+    ")"
+  ] }) });
+};
 export {
   BearContext,
+  DebugCounter,
   GoMtmAppProvider,
   MtConnectProvider,
   useGomtm

package/dist/esm/store/useStore.d.ts

@@ -0,0 +1,2 @@
+declare const useStore: <T, F>(store: (callback: (state: T) => unknown) => unknown, callback: (state: T) => F) => F | undefined;
+export default useStore;

package/dist/esm/store/useStore.js

@@ -0,0 +1,13 @@
+import { useEffect, useState } from "react";
+const useStore = (store, callback) => {
+  const result = store(callback);
+  const [data, setData] = useState();
+  useEffect(() => {
+    setData(result);
+  }, [result]);
+  return data;
+};
+var useStore_default = useStore;
+export {
+  useStore_default as default
+};