@akanjs/ui 0.9.3 → 0.9.5

package/Link/CsrLink.d.ts

@@ -1,2 +1,2 @@
 import type { CsrLinkProps } from "./types";
-export default function CsrLink({ className, children, href, replace, activeClassName, ...props }: CsrLinkProps): import("react/jsx-runtime").JSX.Element;
+export default function CsrLink({ className, children, href, replace, activeClassName, scrollToTop, ...props }: CsrLinkProps): import("react/jsx-runtime").JSX.Element;

package/Link/types.d.ts

@@ -12,6 +12,7 @@ export interface CsrLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     children?: ReactNode;
     replace?: boolean;
     activeClassName?: string;
+    scrollToTop?: boolean;
 }
 export interface NextLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof LinkProps | "href">, LinkProps {
     href: string;

package/System/Client.d.ts

@@ -24,7 +24,7 @@ interface ClientPathWrapperProps extends Omit<HTMLAttributes<HTMLDivElement>, "s
     children?: any;
     layoutStyle?: "web" | "mobile";
 }
-export declare const ClientPathWrapper: ({ bind, wrapperRef, pageType, location, prefix, children, layoutStyle, ...props }: ClientPathWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClientPathWrapper: ({ className, bind, wrapperRef, pageType, location, prefix, children, layoutStyle, ...props }: ClientPathWrapperProps) => import("react/jsx-runtime").JSX.Element;
 interface ClientBridgeProps {
     env: BaseClientEnv;
     lang?: string;

package/System/Common.d.ts

@@ -56,11 +56,11 @@ interface WrapperProps {
         crystalize: boolean;
     }) => Promise<{
         id: string;
-    }>;
+    }> | undefined;
     fetchSelf?: (props: {
         crystalize: boolean;
     }) => Promise<{
         id: string;
-    }>;
+    }> | undefined;
 }
 export {};

package/cjs/Link/CsrLink.js

@@ -26,7 +26,15 @@ var import_client = require("@akanjs/client");
 var import_next = require("@akanjs/next");
 var import_store = require("@akanjs/store");
 var import_browser = require("@capacitor/browser");
-function CsrLink({ className, children, href, replace, activeClassName, ...props }) {
+function CsrLink({
+  className,
+  children,
+  href,
+  replace,
+  activeClassName,
+  scrollToTop,
+  ...props
+}) {
   const prefix = import_store.st.use.prefix();
   const currentPath = import_store.st.use.path();
   const { lang } = (0, import_next.usePage)();
@@ -40,9 +48,9 @@ function CsrLink({ className, children, href, replace, activeClassName, ...props
         if (isExternal)
           void import_browser.Browser.open({ url: href, presentationStyle: "popover" });
         else if (replace)
-          import_client.router.replace(href);
+          import_client.router.replace(href, { scrollToTop });
         else
-          import_client.router.push(href);
+          import_client.router.push(href, { scrollToTop });
       },
       children
     }

package/cjs/System/Client.js

@@ -50,6 +50,7 @@ const ClientWrapper = ({ children, theme }) => {
 };
 Client.Wrapper = ClientWrapper;
 const ClientPathWrapper = ({
+  className,
   bind,
   wrapperRef,
   pageType = "current",
@@ -87,7 +88,7 @@ const ClientPathWrapper = ({
         import_web.a.div,
         {
           ...bind && pathRoute.pageState.gesture && gestureEnabled ? bind() : {},
-          className: (0, import_client.clsx)("group/path size-full"),
+          className: (0, import_client.clsx)("group/path", className),
           ref: wrapperRef,
           ...props,
           "data-lang": lang,

package/cjs/System/Common.js

@@ -33,8 +33,8 @@ const CommonWrapper = ({
   environment,
   render,
   fetchPing,
-  fetchMe = fetch.me,
-  fetchSelf = fetch.getSelf
+  fetchMe = (props) => fetch.me?.(props),
+  fetchSelf = (props) => fetch.getSelf?.(props)
 }) => {
   const account = (0, import_client.getAccount)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
@@ -46,14 +46,14 @@ const CommonWrapper = ({
         loader: async () => {
           const mePromise = (async () => {
             try {
-              return account.me ? await fetchMe?.({ crystalize: false }) : null;
+              return account.me ? await fetchMe({ crystalize: false }) : null;
             } catch (e) {
               return null;
             }
           })();
           const selfPromise = (async () => {
             try {
-              return account.self ? await fetchSelf?.({ crystalize: false }) : null;
+              return account.self ? await fetchSelf({ crystalize: false }) : null;
             } catch (e) {
               return null;
             }

package/esm/Link/CsrLink.js

@@ -4,7 +4,15 @@ import { clsx, getPathInfo, router } from "@akanjs/client";
 import { usePage } from "@akanjs/next";
 import { st } from "@akanjs/store";
 import { Browser } from "@capacitor/browser";
-function CsrLink({ className, children, href, replace, activeClassName, ...props }) {
+function CsrLink({
+  className,
+  children,
+  href,
+  replace,
+  activeClassName,
+  scrollToTop,
+  ...props
+}) {
   const prefix = st.use.prefix();
   const currentPath = st.use.path();
   const { lang } = usePage();
@@ -18,9 +26,9 @@ function CsrLink({ className, children, href, replace, activeClassName, ...props
         if (isExternal)
           void Browser.open({ url: href, presentationStyle: "popover" });
         else if (replace)
-          router.replace(href);
+          router.replace(href, { scrollToTop });
         else
-          router.push(href);
+          router.push(href, { scrollToTop });
       },
       children
     }

package/esm/System/Client.js

@@ -33,6 +33,7 @@ const ClientWrapper = ({ children, theme }) => {
 };
 Client.Wrapper = ClientWrapper;
 const ClientPathWrapper = ({
+  className,
   bind,
   wrapperRef,
   pageType = "current",
@@ -70,7 +71,7 @@ const ClientPathWrapper = ({
         a.div,
         {
           ...bind && pathRoute.pageState.gesture && gestureEnabled ? bind() : {},
-          className: clsx("group/path size-full"),
+          className: clsx("group/path", className),
           ref: wrapperRef,
           ...props,
           "data-lang": lang,

package/esm/System/Common.js

@@ -11,8 +11,8 @@ const CommonWrapper = ({
   environment,
   render,
   fetchPing,
-  fetchMe = fetch.me,
-  fetchSelf = fetch.getSelf
+  fetchMe = (props) => fetch.me?.(props),
+  fetchSelf = (props) => fetch.getSelf?.(props)
 }) => {
   const account = getAccount();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -24,14 +24,14 @@ const CommonWrapper = ({
         loader: async () => {
           const mePromise = (async () => {
             try {
-              return account.me ? await fetchMe?.({ crystalize: false }) : null;
+              return account.me ? await fetchMe({ crystalize: false }) : null;
             } catch (e) {
               return null;
             }
           })();
           const selfPromise = (async () => {
             try {
-              return account.self ? await fetchSelf?.({ crystalize: false }) : null;
+              return account.self ? await fetchSelf({ crystalize: false }) : null;
             } catch (e) {
               return null;
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akanjs/ui",
-  "version": "0.9.3",
+  "version": "0.9.5",
   "sourceType": "module",
   "publishConfig": {
     "access": "public"