gomtm 0.0.289 → 0.0.290

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

@@ -1,44 +0,0 @@
-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/list-store.d.ts

@@ -3,13 +3,23 @@ export interface ListViewStateProps {
     methodList: string;
 }
 export interface ListViewState extends ListViewStateProps {
+    backendUrl: string;
     count: number;
+    loading: boolean;
+    success: boolean;
+    error: boolean;
+    data: any;
+    errorData: any;
+    demoListData: any;
     items: any[];
+    value1: any;
 }
 export type ListViewActions = {
     loadList: () => void;
+    setData: (data: any) => void;
+    demoFetchPost2: (id: string) => Promise<any>;
 };
 export type ListViewStore = ListViewState & ListViewActions;
-export declare const initListViewStore: (props: ListViewStateProps) => ListViewState;
 export declare const defaultInitState: ListViewState;
+export declare const initListViewStore: (props: ListViewStateProps) => ListViewState;
 export declare const createListviewStore: (initState?: ListViewState) => import("zustand/vanilla").StoreApi<ListViewStore>;

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

@@ -17,24 +17,77 @@ var __spreadValues = (a, b) => {
   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: []
-  };
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
 };
+import { createStore } from "zustand/vanilla";
 const defaultInitState = {
+  backendUrl: "",
   svc: "",
   methodList: "",
   count: 0,
-  items: []
+  items: [],
+  loading: false,
+  success: true,
+  error: false,
+  errorData: null,
+  data: null,
+  demoListData: null,
+  value1: ""
+};
+const initListViewStore = (props) => {
+  return __spreadProps(__spreadValues({}, defaultInitState), {
+    svc: props.svc,
+    methodList: props.methodList
+  });
 };
 const createListviewStore = (initState = defaultInitState) => {
-  return createStore()((set) => __spreadProps(__spreadValues({}, initState), {
-    loadList: () => set((state) => ({ items: state.items }))
+  return createStore()((set, get) => __spreadProps(__spreadValues({}, initState), {
+    // demoDefaultPost2: (() => {
+    //   const data = goMtmQueryFn({
+    //     svc: initState.svc, method: initState.methodList, input: {}, options: {
+    //       url: initState.backendUrl
+    //     }
+    //   })
+    //   console.log("data", data)
+    //   set((s) => ({ ...s, value1: "value1" }))
+    //   return data
+    // })(),
+    demoFetchPost2: (id) => __async(void 0, null, function* () {
+      set((state) => __spreadProps(__spreadValues({}, state), { demoListData: "data123" }));
+    }),
+    loadList: () => __async(void 0, null, function* () {
+      set((state) => __spreadProps(__spreadValues({}, initState), { loading: true }));
+      try {
+        const data = yield fetch("https://jsonplaceholder.typicode.com/users").then((x) => x.json());
+        set((state) => __spreadProps(__spreadValues({}, state), { success: true, data }));
+        return data;
+      } catch (err) {
+        console.error("Error in data fetch:", err);
+        set((state) => __spreadProps(__spreadValues({}, state), { error: true }));
+      }
+    }),
+    setData: (data) => {
+      console.log("listview store setdata", data);
+      set((state) => __spreadProps(__spreadValues({}, state), { data }));
+    }
   }));
 };
 export {

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

@@ -0,0 +1,30 @@
+import { PropsWithChildren } from 'react';
+export interface ConfigState {
+    debug?: boolean;
+    theme?: string;
+    layout?: string;
+    listviewLayout?: string;
+    backendUrl?: string;
+}
+interface GomtmAppProps {
+    debug?: boolean;
+    configState: ConfigState;
+    params: any;
+    cookieStr?: string;
+    globalSearchParams?: any;
+    openDebug?: boolean;
+}
+interface GomtmAppState extends GomtmAppProps {
+    loading?: boolean;
+    setLoading: (loading: boolean) => void;
+    setDebug: (debug: boolean) => void;
+    setLayout: (layout: string) => void;
+    setGlobalSearchParams: (globalSearchParams: any) => void;
+    setOpenDebug: (openDebug: boolean) => void;
+}
+export declare const BearContext: import("react").Context<import("zustand").StoreApi<GomtmAppState> | 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 {};

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

@@ -0,0 +1,115 @@
+"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, jsxs } from "react/jsx-runtime";
+import { createConnectTransport } from "@connectrpc/connect-web";
+import { createContext, useContext, useMemo, useRef } from "react";
+import { useHotkeys } from "react-hotkeys-hook";
+import { useStore } from "zustand";
+import { createStore } from "zustand/vanilla";
+import { GoMtmDebug } from "../components/devtools/GoMtmDebug";
+import { TransportProvider } from "../connectquery";
+import { HOTKEY_Debug } from "../consts";
+import { anypbTypeReg } from "../messageTypeRegistry";
+import { gomtmFetcher } from "../mtmFetcher";
+import { MtReactQueryProvider } from "../providers/ReactQueryProvider";
+const createGomtmAppStore = (initProps) => {
+  const DEFAULT_PROPS = {
+    debug: false,
+    configState: {},
+    params: {}
+  };
+  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) => set({ globalSearchParams }),
+    openDebug: false,
+    setOpenDebug: (openDebug) => set({ openDebug })
+  }));
+};
+const BearContext = createContext(null);
+const GoMtmAppProvider = (props) => {
+  const _a = props, { children } = _a, etc = __objRest(_a, ["children"]);
+  const storeRef = useRef();
+  if (!storeRef.current) {
+    storeRef.current = createGomtmAppStore(props);
+  }
+  return /* @__PURE__ */ jsx(BearContext.Provider, { value: storeRef.current, children: /* @__PURE__ */ jsxs(MtConnectProvider, { children: [
+    /* @__PURE__ */ jsxs(MtReactQueryProvider, { children: [
+      children,
+      /* @__PURE__ */ jsx(GoMtmDebug, {})
+    ] }),
+    /* @__PURE__ */ jsx(Setup, {})
+  ] }) });
+};
+function useGomtm(selector) {
+  const store = useContext(BearContext);
+  if (!store)
+    throw new Error("userGomtm Missing GoMtmAppProvider in the tree");
+  return useStore(store, selector);
+}
+const Setup = () => {
+  const setDebug = useGomtm((x) => x.setDebug);
+  const debug = useGomtm((x) => x.debug);
+  useHotkeys(HOTKEY_Debug, () => {
+    console.log("set debug", debug);
+    setDebug(!debug);
+  }, [debug, setDebug]);
+  return null;
+};
+const MtConnectProvider = (props) => {
+  const { children } = props;
+  const backendUrl = useGomtm((x) => x.configState.backendUrl);
+  const cookieStr = useGomtm((x) => x.cookieStr);
+  const transport = useMemo(() => {
+    const baseApiUrl = new URL("/api", backendUrl || "").toString();
+    return createConnectTransport({
+      baseUrl: baseApiUrl,
+      fetch: gomtmFetcher({
+        cookieStr
+      }),
+      jsonOptions: {
+        typeRegistry: anypbTypeReg
+      },
+      useHttpGet: true,
+      useBinaryFormat: false
+    });
+  }, [backendUrl, cookieStr]);
+  return /* @__PURE__ */ jsx(TransportProvider, { transport, children });
+};
+export {
+  BearContext,
+  GoMtmAppProvider,
+  MtConnectProvider,
+  useGomtm
+};