gomtm 0.0.287 → 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

@@ -1,5 +1,4 @@
 export declare const COOKIE_MTM_SITE_ID = "mtm-site-id";
-export declare const COOKIE_IS_DEBUG = "DEBUG";
 export declare const MTM_SITE_HOSTNAME = "mtm-site-hostname";
 export declare const MtM_TOKEN_NAME = "mtmToken";
 export declare const fetchMaxRetry = 3;
@@ -11,7 +10,6 @@ export declare const MTM_SERVER_COOKIE_ACTIVATE_SELFBACKEND_URL = "mtm:selfbacke
 export declare const DEFAULT_revalidate_SECONDS = 3;
 export declare const LOGIN_CALLBACK_URL_KEY = "back";
 export declare const MTM_API_PREFIX = "/api";
-export declare const LayoutNameCookie = "layout";
 export declare const IsDebugCookie = "is_debug";
 export declare const ExtKey_Hostname = "host";
 export declare const ItemAction_list_new_item = "list_new_item";
@@ -31,3 +29,15 @@ export declare const HOTKEY_Switchlayout = "alt+l";
 export declare const HOTKEY_Listview_Switchlayout = "alt+m";
 export declare const HOTKEY_ListViewCMDK = "alt+c";
 export declare const CONST_debounce_INPUT = 300;
+export declare const gomtmAppConfig: {
+    cookieBackendUrl: string;
+    cookieListViewLayout: string;
+    CookieLayout: string;
+    CookieConfigState: string;
+};
+export declare const getGomtmConfig: () => {
+    cookieBackendUrl: string;
+    cookieListViewLayout: string;
+    CookieLayout: string;
+    CookieConfigState: string;
+};

package/dist/esm/consts.js

@@ -1,5 +1,4 @@
 const COOKIE_MTM_SITE_ID = "mtm-site-id";
-const COOKIE_IS_DEBUG = "DEBUG";
 const MTM_SITE_HOSTNAME = "mtm-site-hostname";
 const MtM_TOKEN_NAME = "mtmToken";
 const fetchMaxRetry = 3;
@@ -11,7 +10,6 @@ const MTM_SERVER_COOKIE_ACTIVATE_SELFBACKEND_URL = "mtm:selfbackendUrl";
 const DEFAULT_revalidate_SECONDS = 3;
 const LOGIN_CALLBACK_URL_KEY = "back";
 const MTM_API_PREFIX = "/api";
-const LayoutNameCookie = "layout";
 const IsDebugCookie = "is_debug";
 const ExtKey_Hostname = "host";
 const ItemAction_list_new_item = "list_new_item";
@@ -31,6 +29,15 @@ const HOTKEY_Switchlayout = "alt+l";
 const HOTKEY_Listview_Switchlayout = "alt+m";
 const HOTKEY_ListViewCMDK = "alt+c";
 const CONST_debounce_INPUT = 300;
+const gomtmAppConfig = {
+  cookieBackendUrl: "backendUrl",
+  cookieListViewLayout: "listViewLayout",
+  CookieLayout: "layout",
+  CookieConfigState: "_config"
+};
+const getGomtmConfig = () => {
+  return gomtmAppConfig;
+};
 export {
   ADMIN_ROLE,
   ActionCreate,
@@ -39,7 +46,6 @@ export {
   ActionFetchNextPage,
   ActionRefetch,
   CONST_debounce_INPUT,
-  COOKIE_IS_DEBUG,
   COOKIE_MTM_SITE_ID,
   Cookie_Site_Host,
   DEFAULT_revalidate_SECONDS,
@@ -54,7 +60,6 @@ export {
   IsDebugCookie,
   ItemAction_list_new_item,
   LOGIN_CALLBACK_URL_KEY,
-  LayoutNameCookie,
   ListView_DefaultPageSize,
   Listview_list_filter,
   MEMBER_ROLE,
@@ -64,5 +69,7 @@ export {
   MTM_SITE_HOSTNAME,
   MtM_TOKEN_NAME,
   TRPC_API_PREFIX,
-  fetchMaxRetry
+  fetchMaxRetry,
+  getGomtmConfig,
+  gomtmAppConfig
 };

package/dist/esm/curd/listview/ListViewProvider.d.ts

@@ -39,7 +39,7 @@ export declare function useListView<I extends Message<I>, O extends Message<O>>(
     setOpenDebug?: Dispatch<SetStateAction<boolean>> | undefined;
     setParams?: Dispatch<any> | undefined;
     setDetailData?: Dispatch<any> | undefined;
-    setLayout?: Dispatch<SetStateAction<string>> | undefined;
+    setLayout?: ((arg0: string) => void) | undefined;
 };
 export declare function useDetail(): {
     svc: string;
@@ -64,7 +64,7 @@ export declare function useDetail(): {
     setOpenDebug: Dispatch<SetStateAction<boolean>>;
     setParams: Dispatch<any>;
     setDetailData: Dispatch<any>;
-    setLayout: Dispatch<SetStateAction<string>>;
+    setLayout: (arg0: string) => void;
 };
 export declare function CommonListView<I extends Message<I>, O extends Message<O>>(): import("react").JSX.Element | null;
 export declare const ListViewActions: () => import("react").JSX.Element;

package/dist/esm/curd/listview/ListViewProvider.js

@@ -65,7 +65,7 @@ const LzListViewLayoutDefault = lazy(() => import("./listview-layouts/default"))
 const commonListViewContext = createContext(void 0);
 function ListViewProvider(props) {
   var _a;
-  const { children, svc, methodList, methodDelete, slugPath, methodCreate, methodGet, params } = props;
+  const { children, svc, methodList, methodDelete, slugPath, methodCreate, methodGet, params, layout } = props;
   const mtapp = useMtmApp();
   const [_svc, setSvc] = useState(svc);
   const [openRemove, setOpenRemove] = useState(false);
@@ -75,7 +75,7 @@ function ListViewProvider(props) {
   const [openDebug, setOpenDebug] = useState(false);
   const [_params, _setParams] = useState(params);
   const [detailData, setDetailData] = useState(void 0);
-  const [layout, setLayout] = useState("default");
+  const [_layout, _setLayout] = useState(mtapp.listviewLayout);
   const __params = useMemo(() => {
     var _a2, _b;
     return __spreadProps(__spreadValues({}, params), {
@@ -87,6 +87,10 @@ function ListViewProvider(props) {
   const setParams = useCallback(debounce((values) => {
     _setParams(values);
   }, CONST_debounce_INPUT), [_setParams]);
+  const setLayout = useCallback((name) => {
+    _setLayout(name);
+    mtapp.setListViewLayout(name);
+  }, [mtapp]);
   return /* @__PURE__ */ jsx(commonListViewContext.Provider, { value: {
     svc: _svc,
     methodList,
@@ -108,7 +112,7 @@ function ListViewProvider(props) {
     setParams,
     detailData,
     setDetailData,
-    layout,
+    layout: _layout,
     setLayout
   }, children: /* @__PURE__ */ jsxs(ListViewLayout, { children: [
     " ",

package/dist/esm/ly/LayoutBase.js

@@ -69,7 +69,7 @@ const LayoutSwitchDlg = () => {
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex gap-2 bg-red-100 p-2", children: ALL_Layouts.map((layout) => {
       return /* @__PURE__ */ jsx(MtButton, { onClick: () => {
-        mtapp.setLayoutName(layout);
+        mtapp.setLayout(layout);
         setOpen(false);
       }, children: layout }, layout);
     }) })

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

@@ -20,27 +20,35 @@ var __async = (__this, __arguments, generator) => {
 };
 import { Fragment, jsx } from "react/jsx-runtime";
 import { cookies, headers } from "next/headers";
-import { IsDebugCookie, LayoutNameCookie } from "../consts";
+import { IsDebugCookie, getGomtmConfig } from "../consts";
 import { ssrGetBackendUrl } from "../mtmFetcher";
 import { GomtmProvider } from "./GomtmProvider";
 function GomtmAppSS(props) {
   return __async(this, null, function* () {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const { children } = props;
-    const backend = ssrGetBackendUrl();
+    const gomtmAppConfig = getGomtmConfig();
+    let backend = ssrGetBackendUrl();
+    const backendFromCookie = (_a = cookies().get(gomtmAppConfig.cookieBackendUrl)) == null ? void 0 : _a.value;
+    if (backendFromCookie) {
+      backend = backendFromCookie;
+    }
     if (!backend) {
       return /* @__PURE__ */ jsx(Fragment, { children: "missing backend" });
     }
     const cookiesStr = headers().get("Cookie");
-    const layoutName = (_a = cookies().get(LayoutNameCookie)) == null ? void 0 : _a.value;
-    const isDebug = !!((_b = cookies().get(IsDebugCookie)) == null ? void 0 : _b.value);
+    const layoutName = (_b = cookies().get(gomtmAppConfig.CookieLayout)) == null ? void 0 : _b.value;
+    const isDebug = !!((_c = cookies().get(IsDebugCookie)) == null ? void 0 : _c.value);
+    const configStateJson = ((_d = cookies().get(gomtmAppConfig.CookieConfigState)) == null ? void 0 : _d.value) || "{}";
+    const configState = JSON.parse(configStateJson);
     return /* @__PURE__ */ jsx(
       GomtmProvider,
       {
         backendUrl: backend,
-        isDebug,
+        debug: isDebug,
         layoutName,
         cookieStr: cookiesStr || "",
+        config: gomtmAppConfig,
         children
       }
     );

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

@@ -1,26 +1,41 @@
 import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
+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>;
     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;
-    setIsDebug: Dispatch<SetStateAction<boolean>>;
     setBackendUrl: Dispatch<SetStateAction<string | null | undefined>>;
-    setLayoutName: Dispatch<SetStateAction<string>>;
+    setLayout: (arg0: string) => void;
+    setListViewLayout: (arg0: string) => void;
     setCookieStr: Dispatch<SetStateAction<string>>;
     globalSearchParams?: any;
     setGlobalSearchParams: Dispatch<any>;
+    setConfig: Dispatch<SetStateAction<{
+        cookieBackendUrl: string;
+        cookieListViewLayout: string;
+        CookieLayout: string;
+        CookieConfigState: string;
+    }>>;
+    config: {
+        cookieBackendUrl: string;
+        cookieListViewLayout: string;
+        CookieLayout: string;
+        CookieConfigState: string;
+    };
     backendUrl?: string | null | undefined;
-    isDebug?: boolean | undefined;
     layoutName?: string | undefined;
+    listviewLayout?: string | undefined;
     cookieStr?: string | undefined;
 };
 export declare const useHostname: () => string;

package/dist/esm/providers/GomtmProvider.js

@@ -19,26 +19,24 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useMemo, useState } from "react";
 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 } 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, children } = props;
-  const [_isDebug, setDebug] = useState(false);
+  const { backendUrl, layoutName, debug, children, listviewLayout, config } = props;
+  const [_config, setConfig] = useState(config);
   const [_backendUrl, setBackendUrl] = useState(backendUrl);
-  const [_layoutName, setLayoutName] = useState("front");
-  const [openLayoutSwitchDlg, setOpenLayoutSwitchDlg] = useState(false);
+  const [_layoutName, setLayoutName] = useState(layoutName);
+  const [_listviewLayout, _setListViewLayout] = useState(listviewLayout);
   const [_cookieStr, setCookieStr] = useState("");
   const [_globalSearchParams, _setGlobalSearchParams] = useState({});
-  useHotkeys(HOTKEY_Debug, () => {
-    setDebug((pre) => !pre);
-  }, [_isDebug, setDebug]);
   const searchParams = useSearchParams();
   const setGlobalSearchParams = useCallback(debounce((values) => {
     _setGlobalSearchParams(values);
@@ -47,23 +45,31 @@ function GomtmProvider(props) {
     const q = searchParams.get("q");
     return __spreadValues({ q }, _globalSearchParams);
   }, [searchParams, _globalSearchParams]);
+  const setLayout = useCallback((name) => {
+    setLayoutName(name);
+    setCookie(config == null ? void 0 : config.CookieLayout, name);
+  }, [config == null ? void 0 : config.CookieLayout]);
+  const setListViewLayout = useCallback((name) => {
+    setLayoutName(name);
+    setCookie(getGomtmConfig().cookieListViewLayout, name);
+  }, []);
   return /* @__PURE__ */ jsx(AppContext.Provider, { value: {
-    isDebug: _isDebug,
-    setIsDebug: setDebug,
+    config,
+    setConfig,
     backendUrl,
     setBackendUrl,
     layoutName: _layoutName,
-    setLayoutName,
-    // openLayoutSwitchDlg: openLayoutSwitchDlg,
-    // setOpenLayoutSwitchDlg: setOpenLayoutSwitchDlg,
+    setLayout,
+    setListViewLayout,
+    listviewLayout,
     cookieStr: _cookieStr,
     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
+};