gomtm 0.0.289 → 0.0.291

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+interface ListViewStateProps {
+    backendUrl?: string;
+    svc: string;
+    methodList: string;
+    methodGet: string;
+    methodDelete: string;
+    methodCreate?: string;
+    paramsGet?: any;
+    paramsList?: any;
+    slugPath?: string;
+    activateItem?: any;
+    detailData?: any;
+    layout?: string;
+}
+export interface ListViewState extends ListViewStateProps {
+    openRemove: boolean;
+    setOpenRemove: (openRemove: boolean) => void;
+    openCreate: boolean;
+    setOpenCreate: (openCreate: boolean) => void;
+    openEdit: boolean;
+    setOpenEdit: (openEdit: boolean) => void;
+    setLayout: (layout: string) => void;
+    setActivateItem: (activateItem: any) => void;
+    loading?: boolean;
+    success?: boolean;
+    error?: boolean;
+    data?: any;
+    errorData?: any;
+    demoListData?: any;
+    items?: any[];
+    value1?: any;
+}
+export declare const listViewContext: import("react").Context<import("zustand").StoreApi<ListViewState> | null>;
+type BearProviderProps = React.PropsWithChildren<ListViewStateProps>;
+export declare const ListViewStoreProvider: (props: BearProviderProps) => import("react").JSX.Element;
+export declare function useListview<T>(selector: (state: ListViewState) => T): T;
+export {};

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

@@ -0,0 +1,80 @@
+"use client";
+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));
+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 { setCookie } from "mtxlib/clientlib";
+import { createContext, useContext, useRef } from "react";
+import { useStore } from "zustand";
+import { createStore } from "zustand/vanilla";
+import { CONST_cookieListViewLayout } from "../../consts";
+const createListviewStore = (initProps) => {
+  const DEFAULT_PROPS = {
+    svc: initProps.svc || "",
+    methodList: initProps.methodList || "",
+    methodGet: "",
+    methodDelete: "",
+    methodCreate: ""
+  };
+  return createStore()((set) => __spreadProps(__spreadValues(__spreadValues({}, DEFAULT_PROPS), initProps), {
+    openRemove: false,
+    setOpenRemove: (openRemove) => set({ openRemove }),
+    openCreate: false,
+    setOpenCreate: (openCreate) => set({ openCreate }),
+    openEdit: false,
+    setOpenEdit: (openEdit) => set({ openEdit }),
+    setActivateItem: (activateItem) => set({ activateItem }),
+    setLayout: (layout) => {
+      setCookie(CONST_cookieListViewLayout, layout);
+      return set((state) => ({ layout }));
+    }
+  }));
+};
+const listViewContext = createContext(null);
+const ListViewStoreProvider = (props) => {
+  const _a = props, { children } = _a, etc = __objRest(_a, ["children"]);
+  const storeRef = useRef();
+  if (!storeRef.current) {
+    storeRef.current = createListviewStore(props);
+  }
+  return /* @__PURE__ */ jsx(listViewContext.Provider, { value: storeRef.current, children });
+};
+function useListview(selector) {
+  const store = useContext(listViewContext);
+  if (!store)
+    throw new Error("useListview Missing ListViewProvider in the tree");
+  return useStore(store, selector);
+}
+export {
+  ListViewStoreProvider,
+  listViewContext,
+  useListview
+};

package/dist/esm/gomtmQuery.js

@@ -2,7 +2,7 @@
 import { useMutation, useQuery, useSuspenseInfiniteQuery, useSuspenseQuery } from "@tanstack/react-query";
 import { MTM_API_PREFIX } from "./consts";
 import { createInfiniteQueryKey, createQueryKey, goMtmQueryFn } from "./mtmFetcher";
-import { useMtmApp } from "./providers/GomtmProvider";
+import { useGomtm } from "./store/mtapp-store";
 const useGomtmQuery = (svc, method, input) => {
   const query = useQuery({
     queryKey: createQueryKey(svc, method, input),
@@ -11,7 +11,7 @@ const useGomtmQuery = (svc, method, input) => {
   return query;
 };
 const useGomtmSuspenseQuery = (svc, method, input) => {
-  const mtapp = useMtmApp();
+  const backendUrl = useGomtm((x) => x.configState.backendUrl);
   const query = useSuspenseQuery({
     queryKey: createQueryKey(svc, method, input),
     queryFn: (k) => goMtmQueryFn({
@@ -19,14 +19,14 @@ const useGomtmSuspenseQuery = (svc, method, input) => {
       method,
       input,
       options: {
-        url: new URL(MTM_API_PREFIX, mtapp.backendUrl || "").toString()
+        url: new URL(MTM_API_PREFIX, backendUrl).toString()
       }
     })
   });
   return query;
 };
 const useGomtmSuspenseInfiniteQuery = (svc, method, input) => {
-  const mtapp = useMtmApp();
+  const backendUrl = useGomtm((x) => x.configState.backendUrl);
   const query = useSuspenseInfiniteQuery({
     queryKey: createInfiniteQueryKey(svc, method, input),
     queryFn: (k) => goMtmQueryFn({
@@ -34,7 +34,7 @@ const useGomtmSuspenseInfiniteQuery = (svc, method, input) => {
       method,
       input,
       options: {
-        url: new URL(MTM_API_PREFIX, mtapp.backendUrl || "").toString()
+        url: new URL(MTM_API_PREFIX, backendUrl).toString()
       }
     }),
     initialPageParam: input,
@@ -45,14 +45,14 @@ const useGomtmSuspenseInfiniteQuery = (svc, method, input) => {
   return query;
 };
 const useGomtmMutation = (svc, method) => {
-  const mtapp = useMtmApp();
+  const backendUrl = useGomtm((x) => x.configState.backendUrl);
   return useMutation({
     mutationFn: (input) => goMtmQueryFn({
       svc,
       method,
       input,
       options: {
-        url: new URL(MTM_API_PREFIX, mtapp.backendUrl || "").toString()
+        url: new URL(MTM_API_PREFIX, backendUrl).toString()
       }
     })
   });

package/dist/esm/ly/LayoutBase.js

@@ -11,7 +11,7 @@ import { Suspense, lazy, useMemo, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { Toaster } from "sonner";
 import { HOTKEY_Switchlayout } from "../consts";
-import { useMtmApp } from "../providers/GomtmProvider";
+import { useGomtm } from "../store/mtapp-store";
 const ALL_Layouts = [
   "demo1",
   "dash5",
@@ -25,9 +25,9 @@ const LzDebugLayout = lazy(() => import("./debug-layout"));
 const LzFrontLayout = lazy(() => import("./front-layout"));
 const LayoutBase = (props) => {
   const { children } = props;
-  const mtapp = useMtmApp();
+  const layout = useGomtm((x) => x.configState.layout);
   const LayoutComponent = useMemo(() => {
-    switch (mtapp.layoutName) {
+    switch (layout) {
       case "dash5":
         return LzDash5;
       case "debug":
@@ -37,7 +37,7 @@ const LayoutBase = (props) => {
       default:
         return LzFrontLayout;
     }
-  }, [mtapp.layoutName]);
+  }, [layout]);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(TooltipProvider, { delayDuration: 0, children: [
     /* @__PURE__ */ jsx(LayoutComponent, { children }),
     /* @__PURE__ */ jsx(
@@ -57,7 +57,8 @@ const LayoutBase = (props) => {
   ] }) });
 };
 const LayoutSwitchDlg = () => {
-  const mtapp = useMtmApp();
+  const layout = useGomtm((x) => x.configState.layout);
+  const setLayout = useGomtm((x) => x.setLayout);
   const [open, setOpen] = useState(false);
   useHotkeys(HOTKEY_Switchlayout, () => {
     setOpen((pre) => !pre);
@@ -65,13 +66,13 @@ const LayoutSwitchDlg = () => {
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
     /* @__PURE__ */ jsxs(DialogTitle, { children: [
       "LayoutSwitch,",
-      mtapp.layoutName
+      layout
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex gap-2 bg-red-100 p-2", children: ALL_Layouts.map((layout) => {
+    /* @__PURE__ */ jsx("div", { className: "flex gap-2 bg-red-100 p-2", children: ALL_Layouts.map((layout2) => {
       return /* @__PURE__ */ jsx(MtButton, { onClick: () => {
-        mtapp.setLayout(layout);
+        setLayout(layout2);
         setOpen(false);
-      }, children: layout }, layout);
+      }, children: layout2 }, layout2);
     }) })
   ] }) });
 };

package/dist/esm/ly/front-layout/PageSearchCmd.js

@@ -26,15 +26,14 @@ import { MtForm } from "mtxuilib/ui/ui-mt/MtForm";
 import { useState } from "react";
 import { useForm } from "react-hook-form";
 import { useHotkeys } from "react-hotkeys-hook";
-import { useGlobalsearchParams, useMtmApp } from "../../providers/GomtmProvider";
+import { useGomtm } from "../../store/mtapp-store";
 const PageSearchCmd = () => {
-  var _a;
   const [open, setOpen] = useState(false);
   useHotkeys("alt+s", () => {
     setOpen((open2) => !open2);
   }, []);
-  const mtapp = useMtmApp();
-  const search = useGlobalsearchParams();
+  const globalSearchParams = useGomtm((x) => x.globalSearchParams);
+  const setSearchParams = useGomtm((x) => x.setGlobalSearchParams);
   const form = useForm();
   return /* @__PURE__ */ jsxs(MtForm, __spreadProps(__spreadValues({}, form), { children: [
     /* @__PURE__ */ jsx("form", { onSubmit: form.handleSubmit(() => {
@@ -46,9 +45,9 @@ const PageSearchCmd = () => {
           type: "search",
           placeholder: "Search...",
           className: "bg-background w-full rounded-lg pl-8 md:w-[200px] lg:w-[336px]",
-          defaultValue: (_a = search.searchParams) == null ? void 0 : _a.q,
+          defaultValue: globalSearchParams == null ? void 0 : globalSearchParams.q,
           onChange: (e) => {
-            search.setSearchParams({
+            setSearchParams({
               q: e.target.value
             });
           }

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

@@ -1,11 +0,0 @@
-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

@@ -1,44 +0,0 @@
-"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,12 +20,12 @@ var __async = (__this, __arguments, generator) => {
 };
 import { Fragment, jsx } from "react/jsx-runtime";
 import { cookies, headers } from "next/headers";
-import { IsDebugCookie, getGomtmConfig } from "../consts";
+import { getGomtmConfig } from "../consts";
 import { ssrGetBackendUrl } from "../mtmFetcher";
-import { GomtmProvider } from "./GomtmProvider";
+import { GoMtmAppProvider } from "../store/mtapp-store";
 function GomtmAppSS(props) {
   return __async(this, null, function* () {
-    var _a, _b, _c, _d;
+    var _a, _b;
     const { children } = props;
     const gomtmAppConfig = getGomtmConfig();
     let backend = ssrGetBackendUrl();
@@ -37,18 +37,17 @@ function GomtmAppSS(props) {
       return /* @__PURE__ */ jsx(Fragment, { children: "missing backend" });
     }
     const cookiesStr = headers().get("Cookie");
-    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 configStateJson = ((_b = cookies().get(gomtmAppConfig.CookieConfigState)) == null ? void 0 : _b.value) || "{}";
     const configState = JSON.parse(configStateJson);
+    if (!configState.backendUrl) {
+      configState.backendUrl = backend;
+    }
     return /* @__PURE__ */ jsx(
-      GomtmProvider,
+      GoMtmAppProvider,
       {
-        backendUrl: backend,
-        debug: isDebug,
-        layoutName,
+        configState,
+        params: {},
         cookieStr: cookiesStr || "",
-        config: gomtmAppConfig,
         children
       }
     );

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

@@ -1,47 +1,4 @@
-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;
-    layoutName?: string;
-    listviewLayout?: string;
-    cookieStr?: string;
-}
-export declare function GomtmProvider(props: {} & GomtmAppProps & ConfigState & PropsWithChildren): import("react").JSX.Element;
-export declare function useMtmApp(): {
-    hostname?: string | null | undefined;
-    setBackendUrl: Dispatch<SetStateAction<string | null | undefined>>;
-    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;
-    layoutName?: string | undefined;
-    listviewLayout?: string | undefined;
-    cookieStr?: string | undefined;
-};
-export declare const useHostname: () => string;
-export declare const MtConnectProvider: (props: PropsWithChildren) => import("react").JSX.Element;
-export declare const useGlobalsearchParams: () => {
-    searchParams: any;
-    setSearchParams: Dispatch<any>;
-};
-export {};

package/dist/esm/providers/GomtmProvider.js

@@ -1,122 +1 @@
 "use client";
-var __defProp = Object.defineProperty;
-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;
-};
-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 { GoMtmDebug } from "../components/devtools/GoMtmDebug";
-import { TransportProvider } from "../connectquery";
-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, debug, children, listviewLayout, config } = props;
-  const [_config, setConfig] = useState(config);
-  const [_backendUrl, setBackendUrl] = useState(backendUrl);
-  const [_layoutName, setLayoutName] = useState(layoutName);
-  const [_listviewLayout, _setListViewLayout] = useState(listviewLayout);
-  const [_cookieStr, setCookieStr] = useState("");
-  const [_globalSearchParams, _setGlobalSearchParams] = useState({});
-  const searchParams = useSearchParams();
-  const setGlobalSearchParams = useCallback(debounce((values) => {
-    _setGlobalSearchParams(values);
-  }, 200), [_setGlobalSearchParams]);
-  const globalSearchParams = useMemo(() => {
-    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: {
-    config,
-    setConfig,
-    backendUrl,
-    setBackendUrl,
-    layoutName: _layoutName,
-    setLayout,
-    setListViewLayout,
-    listviewLayout,
-    cookieStr: _cookieStr,
-    setCookieStr,
-    globalSearchParams,
-    setGlobalSearchParams
-  }, children: /* @__PURE__ */ jsx(ConfigStoreProvider, { debug, children: /* @__PURE__ */ jsx(MtConnectProvider, { children: /* @__PURE__ */ jsxs(MtReactQueryProvider, { children: [
-    children,
-    /* @__PURE__ */ jsx(GoMtmDebug, {})
-  ] }) }) }) });
-}
-function useMtmApp() {
-  const mtappContext = useContext(AppContext);
-  if (mtappContext === void 0) {
-    throw new Error("useMtmApp must be used within a GomtmProvider");
-  }
-  return __spreadValues({}, mtappContext);
-}
-const useHostname = () => {
-  const { hostname } = useMtmApp();
-  if (hostname)
-    return hostname;
-  if (typeof window != "undefined") {
-    return window.location.host;
-  }
-  return "";
-};
-const MtConnectProvider = (props) => {
-  const { children } = props;
-  const mtapp = useMtmApp();
-  const transport = useMemo(() => {
-    const baseApiUrl = new URL("/api", mtapp.backendUrl || "").toString();
-    return createConnectTransport({
-      baseUrl: baseApiUrl,
-      fetch: gomtmFetcher({
-        cookieStr: mtapp.cookieStr
-      }),
-      jsonOptions: {
-        typeRegistry: anypbTypeReg
-      },
-      useHttpGet: true,
-      useBinaryFormat: false
-    });
-  }, [mtapp.backendUrl, mtapp.cookieStr]);
-  return /* @__PURE__ */ jsx(TransportProvider, { transport, children });
-};
-const useGlobalsearchParams = () => {
-  const mtapp = useMtmApp();
-  return {
-    searchParams: mtapp.globalSearchParams,
-    setSearchParams: mtapp.setGlobalSearchParams
-  };
-};
-export {
-  GomtmProvider,
-  MtConnectProvider,
-  useGlobalsearchParams,
-  useHostname,
-  useMtmApp
-};

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

@@ -5,6 +5,7 @@ export declare const ListViewStoreContext: import("react").Context<StoreApi<List
 export interface ListViewStoreProviderProps {
     svc: string;
     methodList: string;
+    params?: any;
     children: ReactNode;
 }
 export declare const ListViewStoreProvider: (props: ListViewStoreProviderProps & ListViewStoreProviderProps) => import("react").JSX.Element;

package/dist/esm/providers/ListViewProvider.js

@@ -15,7 +15,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import { jsx } from "react/jsx-runtime";
-import { createContext, useContext, useRef } from "react";
+import { createContext, use, useContext, useRef } from "react";
 import { useStore } from "zustand";
 import { createListviewStore, initListViewStore } from "../store/list-store";
 const ListViewStoreContext = createContext(
@@ -26,7 +26,9 @@ const ListViewStoreProvider = (props) => {
   const storeRef = useRef();
   if (!storeRef.current) {
     storeRef.current = createListviewStore(initListViewStore(etc));
+    use(storeRef.current.getState().demoFetchPost2("1"));
   }
+  console.log("22222222222222222State", storeRef.current.getState());
   return /* @__PURE__ */ jsx(ListViewStoreContext.Provider, { value: storeRef.current, children });
 };
 const useListviewStore = (selector) => {
@@ -34,6 +36,8 @@ const useListviewStore = (selector) => {
   if (!listviewStoreContext) {
     throw new Error(`useListviewStore must be use within ListViewStoreProvider`);
   }
+  const state = listviewStoreContext.getState();
+  console.log("sate1111111", state);
   return useStore(listviewStoreContext, selector);
 };
 export {

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DemoPostApp: () => import("react").JSX.Element;

package/dist/esm/store/App_useTransition.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Suspense, use, useEffect, useReducer, useTransition } from "react";
+import { createStore } from "zustand";
+const postStore = createStore((set) => ({
+  post: fetch(`https://jsonplaceholder.typicode.com/posts/1`).then(
+    (res) => res.json()
+  ),
+  fetchPost: (id) => {
+    set({
+      post: fetch(
+        `https://jsonplaceholder.typicode.com/posts/${id}`
+      ).then((res) => res.json())
+    });
+  }
+}));
+const usePostStore = (selector) => {
+  const getValue = () => selector(postStore.getState());
+  const [value, dispatch] = useReducer(getValue, void 0, getValue);
+  useEffect(() => postStore.subscribe(dispatch), [selector]);
+  return value;
+};
+const Post = () => {
+  const post = use(usePostStore((state) => state.post));
+  return /* @__PURE__ */ jsxs("ul", { children: [
+    /* @__PURE__ */ jsxs("li", { children: [
+      "ID: ",
+      post.id
+    ] }),
+    /* @__PURE__ */ jsxs("li", { children: [
+      "Title: ",
+      post.title
+    ] }),
+    /* @__PURE__ */ jsxs("li", { children: [
+      "Body: ",
+      post.body
+    ] })
+  ] });
+};
+const DemoPostApp = () => {
+  const [isPending, startTransition] = useTransition();
+  const fetchPostOrig = usePostStore((state) => state.fetchPost);
+  const fetchPost = (id) => {
+    startTransition(() => {
+      fetchPostOrig(id);
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("button", { onClick: () => fetchPost(1), children: "Fetch post 1" }),
+    /* @__PURE__ */ jsx("button", { onClick: () => fetchPost(2), children: "Fetch post 2" }),
+    /* @__PURE__ */ jsx("button", { onClick: () => fetchPost(3), children: "Fetch post 3" }),
+    /* @__PURE__ */ jsx("button", { onClick: () => fetchPost(4), children: "Fetch post 4" }),
+    isPending && /* @__PURE__ */ jsx("div", { children: "Pending..." }),
+    /* @__PURE__ */ jsx("hr", {}),
+    /* @__PURE__ */ jsx(Suspense, { fallback: "Loading...", children: /* @__PURE__ */ jsx(Post, {}) })
+  ] });
+};
+export {
+  DemoPostApp
+};

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

@@ -1,16 +0,0 @@
-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;