gomtm 0.0.175 → 0.0.178

package/dist/esm/components/blog/PostCard.js

@@ -9,14 +9,15 @@ import { curdActivateIdAtom } from "../../curd/CurdListView";
 import { BlogPostItemActions } from "./BlogPostActions";
 const PostCard = (props) => {
   const { item } = props;
-  const debug = useDebug;
+  const debug = useDebug();
   const [curdActivateId, setcurdActivateId] = useAtom(curdActivateIdAtom);
   return /* @__PURE__ */ jsxs(
     Card,
     {
       className: cn(
         "w-[350px]",
-        item.id == curdActivateId && "bg-red-300 p-2"
+        item.id == curdActivateId && "bg-red-300 p-2",
+        debug.isDebug && "bg-blue-300"
       ),
       onClick: () => {
         setcurdActivateId(item.id);

package/dist/esm/form/SchemaFormView.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { PlainMessage } from "@bufbuild/protobuf";
+import { MaybePromise } from "mtxlib";
+import { FormSchema } from "../gomtmpb/mtm/sppb/mtm_pb";
+type SchemaFormViewVaranit = "auto" | "modal" | "card";
+export declare const SchemaFormView: (props: {
+    formSchema?: PlainMessage<FormSchema> | undefined;
+    defaultValues?: any;
+    onSubmit: (values: any) => MaybePromise<void>;
+    onCancel?: (() => void) | undefined;
+    isLoading?: boolean | undefined;
+    variants?: SchemaFormViewVaranit | undefined;
+}) => import("react").JSX.Element;
+export {};

package/dist/esm/form/SchemaFormView.js

@@ -0,0 +1,44 @@
+"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));
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { FormProvider, useForm } from "react-hook-form";
+import { EditFormToolbar } from "mtxuilib/form/EditFormToolbar";
+import { Card, CardContent } from "mtxuilib/ui/card";
+import { DialogFooter } from "mtxuilib/ui/dialog";
+import { SchemaFormFieldsRender } from "../components/formFieldRender/SchemaFormFieldsRender";
+const SchemaFormView = (props) => {
+  const { formSchema, onSubmit, onCancel, variants } = props;
+  const [defaultValues, setDefaultValues] = useState({});
+  const form = useForm({
+    defaultValues
+  });
+  if (!formSchema) {
+    return /* @__PURE__ */ jsx("div", { className: "border p-8", children: "missing formSchema params" });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(FormProvider, __spreadProps(__spreadValues({}, form), { children: /* @__PURE__ */ jsx(Card, { className: "p-2", children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("form", { onSubmit, children: [
+    /* @__PURE__ */ jsx(SchemaFormFieldsRender, { schema: formSchema }),
+    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(EditFormToolbar, { onCancel: () => onCancel && onCancel() }) })
+  ] }) }) }) })) });
+};
+export {
+  SchemaFormView
+};

package/dist/esm/providers/GomtmProvider.js

@@ -1,8 +1,10 @@
 "use client";
 import { Fragment, jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useState } from "react";
-import { createStore } from "jotai";
+import { createStore, useAtom } from "jotai";
 import { getCookie } from "mtxlib/clientlib";
+import { isDebugAtom } from "mtxuilib/store/app.atoms";
+import { useHotkeys } from "react-hotkeys-hook";
 import { ExtKey_Hostname, ExtKey_SelfBackend, ExtKey_mtmaccessToken, ExtKey_mtmbackend, MtM_TOKEN_NAME } from "../consts";
 import { MtConnectProvider } from "./MtConnectProvider";
 import { MtReactQueryProvider } from "./ReactQueryProvider";
@@ -10,6 +12,10 @@ const mtmAppStore = createStore();
 const AppContext = createContext(void 0);
 function GomtmProvider(props) {
   const { children } = props;
+  const [isDebug, setDebug] = useAtom(isDebugAtom);
+  useHotkeys("alt+j", () => {
+    setDebug(!isDebug);
+  }, []);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MtConnectProvider, { children: /* @__PURE__ */ jsx(MtReactQueryProvider, { children }) }) });
 }
 function useMtmApp() {