gomtm 0.0.246 → 0.0.248

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

@@ -0,0 +1,63 @@
+"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 { jsx, jsxs } from "react/jsx-runtime";
+import { Search } from "lucide-react";
+import { CommandDialog, CommandEmpty, CommandInput, CommandList, CommandSeparator } from "mtxuilib/ui/command";
+import { Input } from "mtxuilib/ui/input";
+import { MtForm } from "mtxuilib/ui/ui-mt/MtForm";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import { useHotkeys } from "react-hotkeys-hook";
+const PageSearchCmd = () => {
+  const [open, setOpen] = useState(false);
+  useHotkeys("alt+s", () => {
+    setOpen((open2) => !open2);
+  }, []);
+  const form = useForm();
+  return /* @__PURE__ */ jsxs(MtForm, __spreadProps(__spreadValues({}, form), { children: [
+    /* @__PURE__ */ jsx("form", { onSubmit: form.handleSubmit(() => {
+    }), children: /* @__PURE__ */ jsxs("div", { className: "relative ml-auto flex-1 md:grow-0", children: [
+      /* @__PURE__ */ jsx(Search, { className: "text-muted-foreground absolute left-2.5 top-2.5 h-4 w-4" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "search",
+          placeholder: "Search...",
+          className: "bg-background w-full rounded-lg pl-8 md:w-[200px] lg:w-[336px]",
+          onChange: (e) => {
+          }
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxs(CommandDialog, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(CommandInput, { placeholder: "Type a command or search...", onValueChange: (s) => {
+        setOpen(false);
+      } }),
+      /* @__PURE__ */ jsxs(CommandList, { children: [
+        /* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }),
+        /* @__PURE__ */ jsx(CommandSeparator, {})
+      ] })
+    ] })
+  ] }));
+};
+export {
+  PageSearchCmd
+};

package/dist/esm/ly--/front-layout/header.d.ts

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

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

@@ -0,0 +1,18 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MtLink } from "mtxuilib/common/mtlink";
+import UserAvatorMenus from "../UserAvatorMenus";
+import { PageSearchCmd } from "./PageSearchCmd";
+import { MainNav } from "./main-nav";
+const FrontLayoutHeader = () => {
+  return /* @__PURE__ */ jsx("header", { className: "bg-background/95 supports-[backdrop-filter]:bg-background/60 sticky top-0 z-10 w-full border-b backdrop-blur", children: /* @__PURE__ */ jsxs("div", { className: "flex h-14 items-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "hidden w-52 items-center justify-center md:flex", children: /* @__PURE__ */ jsx(MtLink, { href: "/", className: "flex items-center space-x-2" }) }),
+    /* @__PURE__ */ jsx(MainNav, {}),
+    /* @__PURE__ */ jsx("nav", { className: " flex items-center space-x-6 text-sm font-medium" }),
+    /* @__PURE__ */ jsx(PageSearchCmd, {}),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-1 shrink items-center justify-end space-x-2 pr-4", children: /* @__PURE__ */ jsx("nav", { className: "flex items-center", children: /* @__PURE__ */ jsx(UserAvatorMenus, {}) }) })
+  ] }) });
+};
+export {
+  FrontLayoutHeader
+};

package/dist/esm/ly--/front-layout/index.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from "react";
+export declare const FrontLayout: (props: PropsWithChildren) => import("react").JSX.Element;

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

@@ -0,0 +1,13 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FrontLayoutHeader } from "./header";
+const FrontLayout = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(FrontLayoutHeader, {}),
+    children
+  ] });
+};
+export {
+  FrontLayout
+};

package/dist/esm/ly--/front-layout/main-nav.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function MainNav(): import("react").JSX.Element;
+export declare function MainNavOld(): import("react").JSX.Element;

package/dist/esm/ly--/front-layout/main-nav.js

@@ -0,0 +1,116 @@
+"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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { MtLink } from "mtxuilib/common/mtlink";
+import { Icons } from "mtxuilib/icons/icons";
+import { cn } from "mtxuilib/lib/utils";
+import { ScrollArea } from "mtxuilib/ui/scroll-area";
+import { Sheet, SheetContent, SheetTrigger } from "mtxuilib/ui/sheet";
+import { MtButton } from "mtxuilib/ui/ui-mt/Button";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+function MainNav() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex gap-2 pl-2 md:gap-2", children: /* @__PURE__ */ jsx("div", { className: "pr-1", children: /* @__PURE__ */ jsx("nav", { className: "hidden gap-1 md:flex" }) }) }),
+    /* @__PURE__ */ jsx(MobileNav, {})
+  ] });
+}
+function MobileNav() {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Sheet, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      MtButton,
+      {
+        variant: "ghost",
+        className: "mr-2 px-0 text-base hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 md:hidden",
+        children: [
+          /* @__PURE__ */ jsx(Icons.ellipsis, { className: "h-5 w-5" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle Menu" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(SheetContent, { side: "left", className: "pr-0", children: [
+      /* @__PURE__ */ jsx(
+        MobileLink,
+        {
+          href: "/",
+          className: "flex items-center",
+          onOpenChange: setOpen,
+          children: /* @__PURE__ */ jsx(Icons.logo, { className: "mr-2 h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx(ScrollArea, { className: "my-4 h-[calc(100vh-8rem)] pb-10 pl-2", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-2" }) })
+    ] })
+  ] });
+}
+function MobileLink(_a) {
+  var _b = _a, {
+    href,
+    onOpenChange,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "href",
+    "onOpenChange",
+    "className",
+    "children"
+  ]);
+  const router = useRouter();
+  return /* @__PURE__ */ jsx(
+    Link,
+    __spreadProps(__spreadValues({
+      href,
+      onClick: () => {
+        router.push(href.toString());
+        onOpenChange == null ? void 0 : onOpenChange(false);
+      },
+      className: cn(className)
+    }, props), {
+      children
+    })
+  );
+}
+function MainNavOld() {
+  return /* @__PURE__ */ jsxs("div", { className: "mr-4 hidden md:flex", children: [
+    /* @__PURE__ */ jsxs(MtLink, { href: "/", className: "mr-6 flex items-center space-x-2", children: [
+      /* @__PURE__ */ jsx(Icons.logo, { className: "size-6" }),
+      /* @__PURE__ */ jsx("span", { className: "hidden font-bold sm:inline-block" })
+    ] }),
+    /* @__PURE__ */ jsx("nav", { className: " flex items-center space-x-6 text-sm font-medium" })
+  ] });
+}
+export {
+  MainNav,
+  MainNavOld
+};

package/dist/esm/providers/GomtmAppSS.js

@@ -20,9 +20,11 @@ var __async = (__this, __arguments, generator) => {
 };
 import { Fragment, jsx } from "react/jsx-runtime";
 import { ScopeAtomsHydrator } from "mtxlib/jotai/jotai-helper";
-import { headers } from "next/headers";
-import { GomtmProvider, cookiesAtom } from "./GomtmProvider";
+import { cookies, headers } from "next/headers";
+import { LayoutNameCookie } from "../consts";
+import { layoutNameAtom } from "../ly/LayoutBase";
 import { ssrGetBackendUrl } from "../mtmFetcher";
+import { GomtmProvider, cookiesAtom } from "./GomtmProvider";
 function GomtmAppSS(props) {
   return __async(this, null, function* () {
     const { children } = props;
@@ -31,8 +33,10 @@ function GomtmAppSS(props) {
       return /* @__PURE__ */ jsx(Fragment, { children: "missing backend" });
     }
     const cookiesStr = headers().get("Cookie");
+    const layoutName = cookies().get(LayoutNameCookie);
     return /* @__PURE__ */ jsx(GomtmProvider, { backendUrl: backend, children: /* @__PURE__ */ jsx(ScopeAtomsHydrator, { atomValues: [
-      [cookiesAtom, cookiesStr]
+      [cookiesAtom, cookiesStr],
+      [layoutNameAtom, layoutName]
     ], children }) });
   });
 }