@kirill.konshin/next 0.0.3 → 0.0.4

package/.turbo/turbo-build.log

@@ -18,8 +18,8 @@ rendering chunks...
 dist/measure.js     0.38 kB │ map: 1.04 kB
 dist/index.js       0.44 kB │ map: 0.10 kB
 dist/softLink.js    0.72 kB │ map: 1.85 kB
-dist/appLink.js     0.96 kB │ map: 1.94 kB
-[vite:dts] Declaration files built in 1134ms.
+dist/appLink.js     1.02 kB │ map: 2.14 kB
+[vite:dts] Declaration files built in 1481ms.
 
-✓ built in 4.61s
+✓ built in 6.03s
 Updated package.json with exports

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @kirill.konshin/next
 
+## 0.0.4
+
+### Patch Changes
+
+- Minor fixes
+
 ## 0.0.3
 
 ### Patch Changes

package/dist/appLink.d.ts

@@ -5,6 +5,6 @@ export type AppLinkProps = {
     exact?: boolean;
     activeClassName?: any;
 } & LinkProps & ComponentProps<typeof Link>;
-export declare function useIsLinkActive(): (href: ComponentProps<typeof Link>["href"], exact: boolean) => boolean;
+export declare function useIsLinkActive(): (href: ComponentProps<typeof Link>['href'], exact: boolean) => boolean;
 export declare const AppLink: FC<AppLinkProps>;
 //# sourceMappingURL=appLink.d.ts.map

package/dist/appLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"appLink.d.ts","sourceRoot":"","sources":["../src/appLink.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAQ,MAAM,OAAO,CAAC;AAExD,OAAO,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAG5C,MAAM,MAAM,YAAY,GAAG;IACvB,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,GAAG,CAAC;CACzB,GAAG,SAAS,GACT,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEhC,wBAAgB,eAAe,KAEnB,MAAM,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,OAAO,OAAO,KAAG,OAAO,CAI9E;AAGD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAuBnC,CAAC"}
+{"version":3,"file":"appLink.d.ts","sourceRoot":"","sources":["../src/appLink.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,cAAc,EAAE,EAAE,EAA8B,MAAM,OAAO,CAAC;AAE9E,OAAO,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAG5C,MAAM,MAAM,YAAY,GAAG;IACvB,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,GAAG,CAAC;CACzB,GAAG,SAAS,GACT,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEhC,wBAAgB,eAAe,IAAI,CAAC,IAAI,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,CAUxG;AAGD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAuBnC,CAAC"}

package/dist/appLink.js

@@ -1,15 +1,18 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { memo } from "react";
+import { memo, useCallback } from "react";
 import { usePathname } from "next/navigation";
 import Link from "next/link";
 import clsx from "clsx";
 function useIsLinkActive() {
   const pathname = usePathname();
-  return (href, exact) => {
-    const hrefPath = typeof href === "string" ? href : href.pathname || "/";
-    return !exact && pathname.startsWith(hrefPath) || exact && pathname === hrefPath;
-  };
+  return useCallback(
+    (href, exact) => {
+      const hrefPath = typeof href === "string" ? href : href.pathname || "/";
+      return !exact && pathname.startsWith(hrefPath) || exact && pathname === hrefPath;
+    },
+    [pathname]
+  );
 }
 const AppLink = memo(function AppLink2({
   href,

package/dist/appLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"appLink.js","sources":["../src/appLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { ComponentProps, FC, memo } from 'react';\nimport { usePathname } from 'next/navigation';\nimport Link, { LinkProps } from 'next/link';\nimport clsx from 'clsx';\n\nexport type AppLinkProps = {\n    children: any;\n    exact?: boolean;\n    activeClassName?: any;\n} & LinkProps &\n    ComponentProps<typeof Link>;\n\nexport function useIsLinkActive() {\n    const pathname = usePathname();\n    return (href: ComponentProps<typeof Link>['href'], exact: boolean): boolean => {\n        const hrefPath = typeof href === 'string' ? href : href.pathname || '/';\n        return (!exact && pathname.startsWith(hrefPath)) || (exact && pathname === hrefPath);\n    };\n}\n\n//TODO Test this\nexport const AppLink: FC<AppLinkProps> = memo(function AppLink({\n    href,\n    children,\n    className = '',\n    activeClassName = '',\n    prefetch = false, // set explicit default\n    exact = false,\n    ...props\n}) {\n    const isActive = useIsLinkActive();\n\n    return (\n        <Link\n            {...props}\n            href={href}\n            className={clsx(className, {\n                [activeClassName]: isActive(href, exact),\n            })}\n            prefetch={prefetch}\n        >\n            {children}\n        </Link>\n    );\n});\n"],"names":["AppLink"],"mappings":";;;;;;AAcO,SAAS,kBAAkB;AAC9B,QAAM,WAAW,YAAA;AACjB,SAAO,CAAC,MAA2C,UAA4B;AAC3E,UAAM,WAAW,OAAO,SAAS,WAAW,OAAO,KAAK,YAAY;AACpE,WAAQ,CAAC,SAAS,SAAS,WAAW,QAAQ,KAAO,SAAS,aAAa;AAAA,EAC/E;AACJ;AAGO,MAAM,UAA4B,KAAK,SAASA,SAAQ;AAAA,EAC3D;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,WAAW;AAAA;AAAA,EACX,QAAQ;AAAA,EACR,GAAG;AACP,GAAG;AACC,QAAM,WAAW,gBAAA;AAEjB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACvB,CAAC,eAAe,GAAG,SAAS,MAAM,KAAK;AAAA,MAAA,CAC1C;AAAA,MACD;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;"}
+{"version":3,"file":"appLink.js","sources":["../src/appLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { ComponentProps, FC, memo, useCallback, useMemo } from 'react';\nimport { usePathname } from 'next/navigation';\nimport Link, { LinkProps } from 'next/link';\nimport clsx from 'clsx';\n\nexport type AppLinkProps = {\n    children: any;\n    exact?: boolean;\n    activeClassName?: any;\n} & LinkProps &\n    ComponentProps<typeof Link>;\n\nexport function useIsLinkActive(): (href: ComponentProps<typeof Link>['href'], exact: boolean) => boolean {\n    const pathname = usePathname();\n\n    return useCallback(\n        (href: ComponentProps<typeof Link>['href'], exact: boolean): boolean => {\n            const hrefPath = typeof href === 'string' ? href : href.pathname || '/';\n            return (!exact && pathname.startsWith(hrefPath)) || (exact && pathname === hrefPath);\n        },\n        [pathname],\n    );\n}\n\n//TODO Test this\nexport const AppLink: FC<AppLinkProps> = memo(function AppLink({\n    href,\n    children,\n    className = '',\n    activeClassName = '',\n    prefetch = false, // set explicit default\n    exact = false,\n    ...props\n}) {\n    const isActive = useIsLinkActive();\n\n    return (\n        <Link\n            {...props}\n            href={href}\n            className={clsx(className, {\n                [activeClassName]: isActive(href, exact),\n            })}\n            prefetch={prefetch}\n        >\n            {children}\n        </Link>\n    );\n});\n"],"names":["AppLink"],"mappings":";;;;;;AAcO,SAAS,kBAA0F;AACtG,QAAM,WAAW,YAAA;AAEjB,SAAO;AAAA,IACH,CAAC,MAA2C,UAA4B;AACpE,YAAM,WAAW,OAAO,SAAS,WAAW,OAAO,KAAK,YAAY;AACpE,aAAQ,CAAC,SAAS,SAAS,WAAW,QAAQ,KAAO,SAAS,aAAa;AAAA,IAC/E;AAAA,IACA,CAAC,QAAQ;AAAA,EAAA;AAEjB;AAGO,MAAM,UAA4B,KAAK,SAASA,SAAQ;AAAA,EAC3D;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,WAAW;AAAA;AAAA,EACX,QAAQ;AAAA,EACR,GAAG;AACP,GAAG;AACC,QAAM,WAAW,gBAAA;AAEjB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACvB,CAAC,eAAe,GAAG,SAAS,MAAM,KAAK;AAAA,MAAA,CAC1C;AAAA,MACD;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kirill.konshin/next",
   "description": "Utilities",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "module",
   "scripts": {
     "----- BUILD -----": "",

package/src/appLink.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import React, { ComponentProps, FC, memo } from 'react';
+import React, { ComponentProps, FC, memo, useCallback, useMemo } from 'react';
 import { usePathname } from 'next/navigation';
 import Link, { LinkProps } from 'next/link';
 import clsx from 'clsx';
@@ -12,12 +12,16 @@ export type AppLinkProps = {
 } & LinkProps &
     ComponentProps<typeof Link>;
 
-export function useIsLinkActive() {
+export function useIsLinkActive(): (href: ComponentProps<typeof Link>['href'], exact: boolean) => boolean {
     const pathname = usePathname();
-    return (href: ComponentProps<typeof Link>['href'], exact: boolean): boolean => {
-        const hrefPath = typeof href === 'string' ? href : href.pathname || '/';
-        return (!exact && pathname.startsWith(hrefPath)) || (exact && pathname === hrefPath);
-    };
+
+    return useCallback(
+        (href: ComponentProps<typeof Link>['href'], exact: boolean): boolean => {
+            const hrefPath = typeof href === 'string' ? href : href.pathname || '/';
+            return (!exact && pathname.startsWith(hrefPath)) || (exact && pathname === hrefPath);
+        },
+        [pathname],
+    );
 }
 
 //TODO Test this