gomtm 0.0.288 → 0.0.289

package/dist/esm/components/devtools/GoMtmDebug.js

@@ -5,11 +5,12 @@ import { CommandDialog, CommandEmpty, CommandInput, CommandList, CommandSeparato
 import { Dialog, DialogContent, DialogTrigger } from "mtxuilib/ui/dialog";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { useState } from "react";
+import { useConfigStore } from "../../providers/ConfigStateProvider";
 import { useMtmApp } from "../../providers/GomtmProvider";
 const GoMtmDebug = () => {
   const [open, setOpen] = useState(false);
-  const mtapp = useMtmApp();
-  if (!mtapp.isDebug) {
+  const debug = useConfigStore((x) => x.debug);
+  if (!debug) {
     return null;
   }
   return /* @__PURE__ */ jsxs("div", { className: "fixed bottom-12 right-2 bg-red-300", children: [

package/dist/esm/consts.d.ts

@@ -41,10 +41,3 @@ export declare const getGomtmConfig: () => {
     CookieLayout: string;
     CookieConfigState: string;
 };
-export interface ConfigState {
-    debug?: boolean;
-    theme?: string;
-    layout?: string;
-    listviewLayout?: string;
-}
-export declare const configState: ConfigState;

package/dist/esm/consts.js

@@ -38,12 +38,6 @@ const gomtmAppConfig = {
 const getGomtmConfig = () => {
   return gomtmAppConfig;
 };
-const configState = {
-  debug: false,
-  theme: "",
-  layout: "",
-  listviewLayout: ""
-};
 export {
   ADMIN_ROLE,
   ActionCreate,
@@ -75,7 +69,6 @@ export {
   MTM_SITE_HOSTNAME,
   MtM_TOKEN_NAME,
   TRPC_API_PREFIX,
-  configState,
   fetchMaxRetry,
   getGomtmConfig,
   gomtmAppConfig

package/dist/esm/providers/ConfigStateProvider.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+import { type StoreApi } from 'zustand';
+import { ConfigStore } from "../store/config-store";
+export declare const CounterStoreContext: import("react").Context<StoreApi<ConfigStore> | null>;
+export interface ConfigStoreProviderProps {
+    debug?: boolean;
+    children: ReactNode;
+}
+export declare const ConfigStoreProvider: ({ children, }: ConfigStoreProviderProps) => import("react").JSX.Element;
+export declare const SetupDebugHotKey: () => null;
+export declare const useConfigStore: <T>(selector: (store: ConfigStore) => T) => T;

package/dist/esm/providers/ConfigStateProvider.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useRef } from "react";
+import { useHotkeys } from "react-hotkeys-hook";
+import { useStore } from "zustand";
+import { HOTKEY_Debug } from "../consts";
+import { createConfigStore, initConfigStore } from "../store/config-store";
+const CounterStoreContext = createContext(
+  null
+);
+const ConfigStoreProvider = ({
+  children
+}) => {
+  const storeRef = useRef();
+  if (!storeRef.current) {
+    storeRef.current = createConfigStore(initConfigStore());
+  }
+  return /* @__PURE__ */ jsxs(CounterStoreContext.Provider, { value: storeRef.current, children: [
+    children,
+    /* @__PURE__ */ jsx(SetupDebugHotKey, {})
+  ] });
+};
+const SetupDebugHotKey = () => {
+  const debug = useConfigStore((x) => x.debug);
+  const setDebug = useConfigStore((x) => x.setDebug);
+  useHotkeys(HOTKEY_Debug, () => {
+    console.log("set debug", debug);
+    setDebug(!debug);
+  }, [debug, setDebug]);
+  return null;
+};
+const useConfigStore = (selector) => {
+  const counterStoreContext = useContext(CounterStoreContext);
+  if (!counterStoreContext) {
+    throw new Error(`useConfigStore must be use within ConfigStoreProvider`);
+  }
+  return useStore(counterStoreContext, selector);
+};
+export {
+  ConfigStoreProvider,
+  CounterStoreContext,
+  SetupDebugHotKey,
+  useConfigStore
+};

package/dist/esm/providers/GomtmAppSS.js

@@ -45,11 +45,10 @@ function GomtmAppSS(props) {
       GomtmProvider,
       {
         backendUrl: backend,
-        isDebug,
+        debug: isDebug,
         layoutName,
         cookieStr: cookiesStr || "",
         config: gomtmAppConfig,
-        configState,
         children
       }
     );

package/dist/esm/providers/GomtmProvider.d.ts

@@ -1,22 +1,20 @@
 import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
-import { ConfigState, getGomtmConfig } from '../consts';
+import { getGomtmConfig } from '../consts';
+import { ConfigState } from '../store/config-store';
 export type ActionHandler = (props: {
     action: string;
     values?: any;
 }) => void;
 interface GomtmAppProps {
     config: ReturnType<typeof getGomtmConfig>;
-    configState: ConfigState;
     backendUrl?: string | null;
-    isDebug?: boolean;
     layoutName?: string;
     listviewLayout?: string;
     cookieStr?: string;
 }
-export declare function GomtmProvider(props: {} & GomtmAppProps & PropsWithChildren): import("react").JSX.Element;
+export declare function GomtmProvider(props: {} & GomtmAppProps & ConfigState & PropsWithChildren): import("react").JSX.Element;
 export declare function useMtmApp(): {
     hostname?: string | null | undefined;
-    setDebug: (arg0: boolean) => void;
     setBackendUrl: Dispatch<SetStateAction<string | null | undefined>>;
     setLayout: (arg0: string) => void;
     setListViewLayout: (arg0: string) => void;
@@ -29,16 +27,13 @@ export declare function useMtmApp(): {
         CookieLayout: string;
         CookieConfigState: string;
     }>>;
-    setConfigState: Dispatch<SetStateAction<ConfigState>>;
     config: {
         cookieBackendUrl: string;
         cookieListViewLayout: string;
         CookieLayout: string;
         CookieConfigState: string;
     };
-    configState: ConfigState;
     backendUrl?: string | null | undefined;
-    isDebug?: boolean | undefined;
     layoutName?: string | undefined;
     listviewLayout?: string | undefined;
     cookieStr?: string | undefined;

package/dist/esm/providers/GomtmProvider.js

@@ -21,19 +21,17 @@ import { createConnectTransport } from "@connectrpc/connect-web";
 import { debounce } from "lodash";
 import { setCookie } from "mtxlib/clientlib";
 import { useSearchParams } from "next/navigation";
-import { useHotkeys } from "react-hotkeys-hook";
 import { GoMtmDebug } from "../components/devtools/GoMtmDebug";
 import { TransportProvider } from "../connectquery";
-import { HOTKEY_Debug, IsDebugCookie, getGomtmConfig } from "../consts";
+import { getGomtmConfig } from "../consts";
 import { anypbTypeReg } from "../messageTypeRegistry";
 import { gomtmFetcher } from "../mtmFetcher";
+import { ConfigStoreProvider } from "./ConfigStateProvider";
 import { MtReactQueryProvider } from "./ReactQueryProvider";
 const AppContext = createContext(void 0);
 function GomtmProvider(props) {
-  const { backendUrl, layoutName, isDebug, children, listviewLayout, config, configState } = props;
+  const { backendUrl, layoutName, debug, children, listviewLayout, config } = props;
   const [_config, setConfig] = useState(config);
-  const [_configState, _setConfigState] = useState(configState);
-  const [_isDebug, _setDebug] = useState(isDebug || false);
   const [_backendUrl, setBackendUrl] = useState(backendUrl);
   const [_layoutName, setLayoutName] = useState(layoutName);
   const [_listviewLayout, _setListViewLayout] = useState(listviewLayout);
@@ -55,20 +53,9 @@ function GomtmProvider(props) {
     setLayoutName(name);
     setCookie(getGomtmConfig().cookieListViewLayout, name);
   }, []);
-  const setDebug = useCallback((debug) => {
-    _setDebug(debug);
-    setCookie(IsDebugCookie, debug);
-  }, []);
-  useHotkeys(HOTKEY_Debug, () => {
-    setDebug(!_isDebug);
-  }, [_isDebug, setDebug]);
   return /* @__PURE__ */ jsx(AppContext.Provider, { value: {
     config,
     setConfig,
-    configState: _configState,
-    setConfigState: _setConfigState,
-    isDebug: _isDebug,
-    setDebug,
     backendUrl,
     setBackendUrl,
     layoutName: _layoutName,
@@ -79,10 +66,10 @@ function GomtmProvider(props) {
     setCookieStr,
     globalSearchParams,
     setGlobalSearchParams
-  }, children: /* @__PURE__ */ jsx(MtConnectProvider, { children: /* @__PURE__ */ jsxs(MtReactQueryProvider, { children: [
+  }, children: /* @__PURE__ */ jsx(ConfigStoreProvider, { debug, children: /* @__PURE__ */ jsx(MtConnectProvider, { children: /* @__PURE__ */ jsxs(MtReactQueryProvider, { children: [
     children,
     /* @__PURE__ */ jsx(GoMtmDebug, {})
-  ] }) }) });
+  ] }) }) }) });
 }
 function useMtmApp() {
   const mtappContext = useContext(AppContext);

package/dist/esm/providers/ListViewProvider.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+import { type StoreApi } from 'zustand';
+import { ListViewStore } from '../store/list-store';
+export declare const ListViewStoreContext: import("react").Context<StoreApi<ListViewStore> | null>;
+export interface ListViewStoreProviderProps {
+    svc: string;
+    methodList: string;
+    children: ReactNode;
+}
+export declare const ListViewStoreProvider: (props: ListViewStoreProviderProps & ListViewStoreProviderProps) => import("react").JSX.Element;
+export declare const useListviewStore: <T>(selector: (store: ListViewStore) => T) => T;

package/dist/esm/providers/ListViewProvider.js

@@ -0,0 +1,43 @@
+"use client";
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useRef } from "react";
+import { useStore } from "zustand";
+import { createListviewStore, initListViewStore } from "../store/list-store";
+const ListViewStoreContext = createContext(
+  null
+);
+const ListViewStoreProvider = (props) => {
+  const _a = props, { children } = _a, etc = __objRest(_a, ["children"]);
+  const storeRef = useRef();
+  if (!storeRef.current) {
+    storeRef.current = createListviewStore(initListViewStore(etc));
+  }
+  return /* @__PURE__ */ jsx(ListViewStoreContext.Provider, { value: storeRef.current, children });
+};
+const useListviewStore = (selector) => {
+  const listviewStoreContext = useContext(ListViewStoreContext);
+  if (!listviewStoreContext) {
+    throw new Error(`useListviewStore must be use within ListViewStoreProvider`);
+  }
+  return useStore(listviewStoreContext, selector);
+};
+export {
+  ListViewStoreContext,
+  ListViewStoreProvider,
+  useListviewStore
+};

package/dist/esm/providers/counter-store-provider.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+import { type StoreApi } from 'zustand';
+import { type CounterStore } from '../store/counter-store';
+export declare const CounterStoreContext: import("react").Context<StoreApi<CounterStore> | null>;
+export interface CounterStoreProviderProps {
+    children: ReactNode;
+}
+export declare const CounterStoreProvider: ({ children, }: CounterStoreProviderProps) => import("react").JSX.Element;
+export declare const useCounterStore: <T>(selector: (store: CounterStore) => T) => T;

package/dist/esm/providers/counter-store-provider.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useRef } from "react";
+import { useStore } from "zustand";
+import {
+  createCounterStore,
+  initCounterStore
+} from "../store/counter-store";
+const CounterStoreContext = createContext(
+  null
+);
+const CounterStoreProvider = ({
+  children
+}) => {
+  const storeRef = useRef();
+  if (!storeRef.current) {
+    storeRef.current = createCounterStore(initCounterStore());
+  }
+  return /* @__PURE__ */ jsx(CounterStoreContext.Provider, { value: storeRef.current, children });
+};
+const useCounterStore = (selector) => {
+  const counterStoreContext = useContext(CounterStoreContext);
+  if (!counterStoreContext) {
+    throw new Error(`useCounterStore must be use within CounterStoreProvider`);
+  }
+  return useStore(counterStoreContext, selector);
+};
+export {
+  CounterStoreContext,
+  CounterStoreProvider,
+  useCounterStore
+};

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

@@ -0,0 +1,16 @@
+export interface ConfigState {
+    debug?: boolean;
+    theme?: string;
+    layout?: string;
+    listviewLayout?: string;
+}
+export type ConfigActions = {
+    setLayout: () => void;
+    setDebug: (debug: boolean) => void;
+    setTheme: (theme: string) => void;
+    setListViewLayout: (listviewLayout: string) => void;
+};
+export declare const initConfigStore: () => ConfigState;
+export declare const defaultInitState: ConfigState;
+export declare const createConfigStore: (initState?: ConfigState) => import("zustand").StoreApi<ConfigStore>;
+export type ConfigStore = ConfigState & ConfigActions;

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

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { createStore } from "zustand";
+const initConfigStore = () => {
+  return {
+    debug: false,
+    theme: "",
+    layout: "",
+    listviewLayout: ""
+  };
+};
+const defaultInitState = {
+  layout: ""
+};
+const createConfigStore = (initState = defaultInitState) => {
+  return createStore()((set) => __spreadProps(__spreadValues({}, initState), {
+    setLayout: () => set((state) => ({ layout: state.layout })),
+    setDebug: () => set((state) => ({ debug: state.debug })),
+    setTheme: () => set((state) => ({ theme: state.theme })),
+    setListViewLayout: () => set((state) => ({ listviewLayout: state.listviewLayout }))
+  }));
+};
+export {
+  createConfigStore,
+  defaultInitState,
+  initConfigStore
+};

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

@@ -0,0 +1,11 @@
+export type CounterState = {
+    count: number;
+};
+export type CounterActions = {
+    decrementCount: () => void;
+    incrementCount: () => void;
+};
+export type CounterStore = CounterState & CounterActions;
+export declare const initCounterStore: () => CounterState;
+export declare const defaultInitState: CounterState;
+export declare const createCounterStore: (initState?: CounterState) => import("zustand/vanilla").StoreApi<CounterStore>;

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

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { createStore } from "zustand/vanilla";
+const initCounterStore = () => {
+  return { count: (/* @__PURE__ */ new Date()).getFullYear() };
+};
+const defaultInitState = {
+  count: 0
+};
+const createCounterStore = (initState = defaultInitState) => {
+  return createStore()((set) => __spreadProps(__spreadValues({}, initState), {
+    decrementCount: () => set((state) => ({ count: state.count - 1 })),
+    incrementCount: () => set((state) => ({ count: state.count + 1 }))
+  }));
+};
+export {
+  createCounterStore,
+  defaultInitState,
+  initCounterStore
+};

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

@@ -0,0 +1,15 @@
+export interface ListViewStateProps {
+    svc: string;
+    methodList: string;
+}
+export interface ListViewState extends ListViewStateProps {
+    count: number;
+    items: any[];
+}
+export type ListViewActions = {
+    loadList: () => void;
+};
+export type ListViewStore = ListViewState & ListViewActions;
+export declare const initListViewStore: (props: ListViewStateProps) => ListViewState;
+export declare const defaultInitState: ListViewState;
+export declare const createListviewStore: (initState?: ListViewState) => import("zustand/vanilla").StoreApi<ListViewStore>;

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

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { createStore } from "zustand/vanilla";
+const initListViewStore = (props) => {
+  return {
+    svc: props.svc,
+    methodList: props.methodList,
+    count: 0,
+    items: []
+  };
+};
+const defaultInitState = {
+  svc: "",
+  methodList: "",
+  count: 0,
+  items: []
+};
+const createListviewStore = (initState = defaultInitState) => {
+  return createStore()((set) => __spreadProps(__spreadValues({}, initState), {
+    loadList: () => set((state) => ({ items: state.items }))
+  }));
+};
+export {
+  createListviewStore,
+  defaultInitState,
+  initListViewStore
+};