@kirill.konshin/next 0.0.1 → 0.0.3

package/.ctirc

@@ -1,11 +1,20 @@
 {
-  "addNewline": true,
-  "fileExcludePatterns": [
-    "*.stories.*",
-    "*.test.*",
-    "*.fixture.*"
-  ],
-  "verbose": false,
-  "withoutBackupFile": true,
-  "withoutComment": true
-}
+  "options": [
+    {
+      "mode": "create",
+      "project": "tsconfig.json",
+      "include": "src/**/*.{ts,tsx}",
+      "exclude": [
+        "**/*.stories.*",
+        "**/*.test.*",
+        "**/*.fixture.*"
+      ],
+      "startFrom": "src",
+      "backup": false,
+      "overwrite": true,
+      "generationStyle": "default-alias-named-star",
+      "output": "src",
+      "verbose": true
+    }
+  ]
+}

package/.turbo/turbo-build.log

@@ -1,16 +1,25 @@
 vite v7.0.6 building SSR bundle for production...
-create succeeded: /home/runner/work/utils/utils/packages/next/src
+- ctix 'create' mode start, ...
+✔ /home/runner/work/utils/utils/packages/next/tsconfig.json loading complete!
+✔ analysis export statements completed!
+- build "index.ts" file start
+- output file exists check, ...
+
+
+✔ ctix 'create' mode complete!
 transforming...
-✓ 6 modules transformed.
+✓ 7 modules transformed.
 rendering chunks...
 
 [vite:dts] Start generate declaration files...
-dist/noSSR.js       0.33 kB │ map: 1.38 kB
-dist/index.js       0.34 kB │ map: 0.10 kB
+dist/noSSR.js       0.35 kB │ map: 1.52 kB
 dist/useIsInner.js  0.37 kB │ map: 0.61 kB
+dist/redirect.js    0.38 kB │ map: 0.87 kB
 dist/measure.js     0.38 kB │ map: 1.04 kB
-dist/appLink.js     0.77 kB │ map: 1.58 kB
-[vite:dts] Declaration files built in 1575ms.
+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.
 
-✓ built in 2.28s
+✓ built in 4.61s
 Updated package.json with exports

package/CHANGELOG.md

@@ -0,0 +1,16 @@
+# @kirill.konshin/next
+
+## 0.0.3
+
+### Patch Changes
+
+- Small fixes
+
+## 0.0.2
+
+### Patch Changes
+
+- 63fdba8: Agent-assisted refactoring
+- 63fdba8: Divided core to browser/node/worker-specific packages, CTIX upgrade, etc.
+- Updated dependencies [63fdba8]
+    - @kirill.konshin/node@0.0.2

package/dist/appLink.d.ts

@@ -1,8 +1,10 @@
 import { ComponentProps, FC } from 'react';
 import { default as Link, LinkProps } from 'next/link';
-export declare const AppLink: FC<{
+export type AppLinkProps = {
     children: any;
     exact?: boolean;
     activeClassName?: any;
-} & LinkProps & ComponentProps<typeof Link>>;
+} & LinkProps & ComponentProps<typeof Link>;
+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,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAI5C,eAAO,MAAM,OAAO,EAAE,EAAE,CACpB;IACI,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,CAyBlC,CAAC"}
+{"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"}

package/dist/appLink.js

@@ -1,9 +1,17 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
 import { usePathname } from "next/navigation";
 import Link from "next/link";
 import clsx from "clsx";
-const AppLink = function AppLink2({
+function useIsLinkActive() {
+  const pathname = usePathname();
+  return (href, exact) => {
+    const hrefPath = typeof href === "string" ? href : href.pathname || "/";
+    return !exact && pathname.startsWith(hrefPath) || exact && pathname === hrefPath;
+  };
+}
+const AppLink = memo(function AppLink2({
   href,
   children,
   className = "",
@@ -13,22 +21,22 @@ const AppLink = function AppLink2({
   exact = false,
   ...props
 }) {
-  const pathname = usePathname();
-  const hrefPath = typeof href === "string" ? href : href.pathname || "/";
+  const isActive = useIsLinkActive();
   return /* @__PURE__ */ jsx(
     Link,
     {
       ...props,
       href,
       className: clsx(className, {
-        [activeClassName]: !exact && pathname.startsWith(hrefPath) || exact && pathname === hrefPath
+        [activeClassName]: isActive(href, exact)
       }),
       prefetch,
       children
     }
   );
-};
+});
 export {
-  AppLink
+  AppLink,
+  useIsLinkActive
 };
 //# sourceMappingURL=appLink.js.map

package/dist/appLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"appLink.js","sources":["../src/appLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { ComponentProps, FC } from 'react';\nimport { usePathname } from 'next/navigation';\nimport Link, { LinkProps } from 'next/link';\nimport clsx from 'clsx';\n\n//TODO Test this\nexport const AppLink: FC<\n    {\n        children: any;\n        exact?: boolean;\n        activeClassName?: any;\n    } & LinkProps &\n        ComponentProps<typeof Link>\n> = function AppLink({\n    href,\n    children,\n    className = '',\n    activeClassName = '',\n    prefetch = false, // set explicit default\n    exact = false,\n    ...props\n}) {\n    const pathname = usePathname();\n    const hrefPath = typeof href === 'string' ? href : href.pathname || '/';\n\n    return (\n        <Link\n            {...props}\n            href={href}\n            className={clsx(className, {\n                [activeClassName]: (!exact && pathname.startsWith(hrefPath)) || (exact && pathname === hrefPath),\n            })}\n            prefetch={prefetch}\n        >\n            {children}\n        </Link>\n    );\n};\n"],"names":["AppLink"],"mappings":";;;;;AAQO,MAAM,UAOT,SAASA,SAAQ;AAAA,EACjB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,WAAW;AAAA;AAAA,EACX,QAAQ;AAAA,EACR,GAAG;AACP,GAAG;AACC,QAAM,WAAW,YAAA;AACjB,QAAM,WAAW,OAAO,SAAS,WAAW,OAAO,KAAK,YAAY;AAEpE,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACvB,CAAC,eAAe,GAAI,CAAC,SAAS,SAAS,WAAW,QAAQ,KAAO,SAAS,aAAa;AAAA,MAAA,CAC1F;AAAA,MACD;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"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;"}

package/dist/index.d.ts

@@ -2,5 +2,6 @@ export * from './appLink';
 export * from './measure';
 export * from './noSSR';
 export * from './redirect';
+export * from './softLink';
 export * from './useIsInner';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"}

package/dist/index.js

@@ -1,15 +1,18 @@
-import { AppLink } from "./appLink.js";
+import { AppLink, useIsLinkActive } from "./appLink.js";
 import { isProd, measurer } from "./measure.js";
 import { NoSSR } from "./noSSR.js";
-import "next/navigation";
-import "react";
+import { Redirect } from "./redirect.js";
+import { SoftLink } from "./softLink.js";
 import { useIsIndex, useIsInner } from "./useIsInner.js";
 export {
   AppLink,
   NoSSR,
+  Redirect,
+  SoftLink,
   isProd,
   measurer,
   useIsIndex,
-  useIsInner
+  useIsInner,
+  useIsLinkActive
 };
 //# sourceMappingURL=index.js.map

package/dist/measure.js

@@ -1,4 +1,4 @@
-import { createMeasurer } from "@kirill.konshin/core";
+import { createMeasurer } from "@kirill.konshin/node";
 import { PHASE_PRODUCTION_BUILD, PHASE_PRODUCTION_SERVER } from "next/constants";
 const isProd = process.env.NEXT_PHASE === PHASE_PRODUCTION_BUILD || process.env.NEXT_PHASE === PHASE_PRODUCTION_SERVER;
 const measurer = createMeasurer({ colors: isProd });

package/dist/measure.js.map

@@ -1 +1 @@
-{"version":3,"file":"measure.js","sources":["../src/measure.ts"],"sourcesContent":["import { createMeasurer } from '@kirill.konshin/core';\nimport { PHASE_PRODUCTION_BUILD, PHASE_PRODUCTION_SERVER } from 'next/constants';\n\nexport const isProd: boolean =\n    process.env.NEXT_PHASE === PHASE_PRODUCTION_BUILD || process.env.NEXT_PHASE === PHASE_PRODUCTION_SERVER;\n\nexport const measurer: {\n    measure: (\n        what: string,\n        step: string,\n        supplemental?: string,\n        ...args: any[]\n    ) => {\n        done: (result?: string, ...args2: any[]) => void;\n        fail: (result?: string, ...args2: any[]) => void;\n        log: (...args2: any[]) => void;\n    };\n    important: (str: any) => any;\n    subject: (str: any) => any;\n    arg: (str: any) => any;\n    sup: (str: any) => any;\n    ok: (str: any) => any;\n    err: (str: any) => any;\n} = createMeasurer({ colors: isProd });\n"],"names":[],"mappings":";;AAGO,MAAM,SACT,QAAQ,IAAI,eAAe,0BAA0B,QAAQ,IAAI,eAAe;AAE7E,MAAM,WAiBT,eAAe,EAAE,QAAQ,QAAQ;"}
+{"version":3,"file":"measure.js","sources":["../src/measure.ts"],"sourcesContent":["import { createMeasurer } from '@kirill.konshin/node';\nimport { PHASE_PRODUCTION_BUILD, PHASE_PRODUCTION_SERVER } from 'next/constants';\n\nexport const isProd: boolean =\n    process.env.NEXT_PHASE === PHASE_PRODUCTION_BUILD || process.env.NEXT_PHASE === PHASE_PRODUCTION_SERVER;\n\nexport const measurer: {\n    measure: (\n        what: string,\n        step: string,\n        supplemental?: string,\n        ...args: any[]\n    ) => {\n        done: (result?: string, ...args2: any[]) => void;\n        fail: (result?: string, ...args2: any[]) => void;\n        log: (...args2: any[]) => void;\n    };\n    important: (str: any) => any;\n    subject: (str: any) => any;\n    arg: (str: any) => any;\n    sup: (str: any) => any;\n    ok: (str: any) => any;\n    err: (str: any) => any;\n} = createMeasurer({ colors: isProd });\n"],"names":[],"mappings":";;AAGO,MAAM,SACT,QAAQ,IAAI,eAAe,0BAA0B,QAAQ,IAAI,eAAe;AAE7E,MAAM,WAiBT,eAAe,EAAE,QAAQ,QAAQ;"}

package/dist/noSSR.d.ts

@@ -1,4 +1,8 @@
 import { FC, JSX } from 'react';
+export type NoSSRProps = {
+    children: any;
+    onSSR?: JSX.Element;
+};
 /**
  * Prefer using Next.js `dynamic()` import with `ssr: false` because this will also remove import from server bundle.
  *
@@ -22,8 +26,5 @@ import { FC, JSX } from 'react';
  * @see https://github.com/kadirahq/react-no-ssr/blob/master/src/index.js
  * @see https://nextjs.org/docs/messages/react-hydration-error#solution-1-using-useeffect-to-run-on-the-client-only
  */
-export declare const NoSSR: FC<{
-    children: any;
-    onSSR?: JSX.Element;
-}>;
+export declare const NoSSR: FC<NoSSRProps>;
 //# sourceMappingURL=noSSR.d.ts.map

package/dist/noSSR.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"noSSR.d.ts","sourceRoot":"","sources":["../src/noSSR.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,GAAG,EAA6B,MAAM,OAAO,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,CAQ5D,CAAC"}
+{"version":3,"file":"noSSR.d.ts","sourceRoot":"","sources":["../src/noSSR.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAQ,GAAG,EAA6B,MAAM,OAAO,CAAC;AAExE,MAAM,MAAM,UAAU,GAAG;IACrB,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAS/B,CAAC"}

package/dist/noSSR.js

@@ -1,12 +1,12 @@
 "use client";
-import { useState, useLayoutEffect } from "react";
-const NoSSR = function NoSSR2({ children, onSSR = null }) {
+import { memo, useState, useLayoutEffect } from "react";
+const NoSSR = memo(function NoSSR2({ children, onSSR = null }) {
   const [canRender, setCanRender] = useState(false);
   useLayoutEffect(() => {
     setCanRender(true);
   }, []);
   return canRender ? children : onSSR;
-};
+});
 export {
   NoSSR
 };

package/dist/noSSR.js.map

@@ -1 +1 @@
-{"version":3,"file":"noSSR.js","sources":["../src/noSSR.tsx"],"sourcesContent":["'use client';\n\nimport React, { FC, JSX, useLayoutEffect, useState } from 'react';\n\n/**\n * Prefer using Next.js `dynamic()` import with `ssr: false` because this will also remove import from server bundle.\n *\n * ```tsx\n * 'use client';\n *\n * import React from 'react';\n * import dynamic from 'next/dynamic';\n *\n * const PageClient = dynamic(() => import('./pageClient'), { ssr: false });\n *\n * export default function Page() {\n *   return (\n *     <PageClient />\n *   );\n * }\n * ```\n *\n * In other cases this component can be used to just prevent server rendering.\n *\n * @see https://github.com/kadirahq/react-no-ssr/blob/master/src/index.js\n * @see https://nextjs.org/docs/messages/react-hydration-error#solution-1-using-useeffect-to-run-on-the-client-only\n */\nexport const NoSSR: FC<{ children: any; onSSR?: JSX.Element }> = function NoSSR({ children, onSSR = null }): any {\n    const [canRender, setCanRender] = useState(false);\n\n    useLayoutEffect(() => {\n        setCanRender(true);\n    }, []);\n\n    return canRender ? children : onSSR;\n};\n"],"names":["NoSSR"],"mappings":";;AA2BO,MAAM,QAAoD,SAASA,OAAM,EAAE,UAAU,QAAQ,QAAa;AAC7G,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,kBAAgB,MAAM;AAClB,iBAAa,IAAI;AAAA,EACrB,GAAG,CAAA,CAAE;AAEL,SAAO,YAAY,WAAW;AAClC;"}
+{"version":3,"file":"noSSR.js","sources":["../src/noSSR.tsx"],"sourcesContent":["'use client';\n\nimport React, { FC, memo, JSX, useLayoutEffect, useState } from 'react';\n\nexport type NoSSRProps = {\n    children: any;\n    onSSR?: JSX.Element;\n};\n\n/**\n * Prefer using Next.js `dynamic()` import with `ssr: false` because this will also remove import from server bundle.\n *\n * ```tsx\n * 'use client';\n *\n * import React from 'react';\n * import dynamic from 'next/dynamic';\n *\n * const PageClient = dynamic(() => import('./pageClient'), { ssr: false });\n *\n * export default function Page() {\n *   return (\n *     <PageClient />\n *   );\n * }\n * ```\n *\n * In other cases this component can be used to just prevent server rendering.\n *\n * @see https://github.com/kadirahq/react-no-ssr/blob/master/src/index.js\n * @see https://nextjs.org/docs/messages/react-hydration-error#solution-1-using-useeffect-to-run-on-the-client-only\n */\nexport const NoSSR: FC<NoSSRProps> = memo(function NoSSR({ children, onSSR = null }): any {\n    const [canRender, setCanRender] = useState(false);\n\n    useLayoutEffect(() => {\n        // eslint-disable-next-line react-hooks/set-state-in-effect\n        setCanRender(true);\n    }, []);\n\n    return canRender ? children : onSSR;\n});\n"],"names":["NoSSR"],"mappings":";;AAgCO,MAAM,QAAwB,KAAK,SAASA,OAAM,EAAE,UAAU,QAAQ,QAAa;AACtF,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,kBAAgB,MAAM;AAElB,iBAAa,IAAI;AAAA,EACrB,GAAG,CAAA,CAAE;AAEL,SAAO,YAAY,WAAW;AAClC,CAAC;"}

package/dist/redirect.d.ts

@@ -1,6 +1,11 @@
+import { FC } from 'react';
 import { LinkProps } from 'next/link';
-export default function Redirect({ to, replace }: {
+export type RedirectProps = {
     to: LinkProps['href'];
     replace?: LinkProps['replace'];
-}): null;
+};
+/**
+ * @deprecated
+ */
+export declare const Redirect: FC<RedirectProps>;
 //# sourceMappingURL=redirect.d.ts.map

package/dist/redirect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"redirect.d.ts","sourceRoot":"","sources":["../src/redirect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;IAAE,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAAC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,QAM1G"}
+{"version":3,"file":"redirect.d.ts","sourceRoot":"","sources":["../src/redirect.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAmB,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG;IACxB,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAMrC,CAAC"}

package/dist/redirect.js

@@ -0,0 +1,14 @@
+"use client";
+import { useRouter } from "next/navigation";
+import { memo, useEffect } from "react";
+const Redirect = memo(function Redirect2({ to, replace }) {
+  const router = useRouter();
+  useEffect(() => {
+    router[replace ? "replace" : "push"](to.toString());
+  }, [replace, router, to]);
+  return null;
+});
+export {
+  Redirect
+};
+//# sourceMappingURL=redirect.js.map

package/dist/redirect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"redirect.js","sources":["../src/redirect.tsx"],"sourcesContent":["'use client';\n\nimport { useRouter } from 'next/navigation';\nimport { FC, memo, useEffect } from 'react';\nimport type { LinkProps } from 'next/link';\n\nexport type RedirectProps = {\n    to: LinkProps['href'];\n    replace?: LinkProps['replace'];\n};\n\n/**\n * @deprecated\n */\nexport const Redirect: FC<RedirectProps> = memo(function Redirect({ to, replace }) {\n    const router = useRouter();\n    useEffect(() => {\n        router[replace ? 'replace' : 'push'](to.toString()); //TODO Test this\n    }, [replace, router, to]);\n    return null;\n});\n"],"names":["Redirect"],"mappings":";;;AAcO,MAAM,WAA8B,KAAK,SAASA,UAAS,EAAE,IAAI,WAAW;AAC/E,QAAM,SAAS,UAAA;AACf,YAAU,MAAM;AACZ,WAAO,UAAU,YAAY,MAAM,EAAE,GAAG,UAAU;AAAA,EACtD,GAAG,CAAC,SAAS,QAAQ,EAAE,CAAC;AACxB,SAAO;AACX,CAAC;"}

package/dist/softLink.d.ts

@@ -0,0 +1,14 @@
+import { default as Link, LinkProps } from 'next/link';
+import { ReactNode } from 'react';
+export type SoftLinkProps = LinkProps & {
+    children?: ReactNode;
+};
+/**
+ * Search Params update w/o rerender
+ *
+ * https://nextjs.org/docs/app/api-reference/functions/use-search-params#prerendering
+ * https://github.com/vercel/next.js/issues/43691#issuecomment-2078921491
+ * https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#using-the-native-history-api
+ */
+export declare const SoftLink: typeof Link;
+//# sourceMappingURL=softLink.d.ts.map

package/dist/softLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"softLink.d.ts","sourceRoot":"","sources":["../src/softLink.tsx"],"names":[],"mappings":"AAEA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAc,EAAQ,SAAS,EAAe,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,EAoBf,OAAO,IAAI,CAAC"}

package/dist/softLink.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import Link from "next/link";
+import { memo, useCallback } from "react";
+const SoftLink = memo(function SoftLink2({ href, children, replace, ...props }) {
+  const onClick = useCallback(
+    (e) => {
+      e.preventDefault();
+      window.history[replace ? "replaceState" : "pushState"](
+        null,
+        "",
+        typeof href === "string" ? href : `${href["pathname"] || ""}?${typeof href["query"] === "string" ? href["query"] : new URLSearchParams(href["query"]).toString()}`
+      );
+    },
+    [href, replace]
+  );
+  return /* @__PURE__ */ jsx(Link, { href, ...props, onClick, children });
+});
+export {
+  SoftLink
+};
+//# sourceMappingURL=softLink.js.map

package/dist/softLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"softLink.js","sources":["../src/softLink.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport React, { memo, ReactNode, useCallback } from 'react';\nimport { LinkProps } from 'next/link';\n\nexport type SoftLinkProps = LinkProps & {\n    children?: ReactNode;\n};\n\n/**\n * Search Params update w/o rerender\n *\n * https://nextjs.org/docs/app/api-reference/functions/use-search-params#prerendering\n * https://github.com/vercel/next.js/issues/43691#issuecomment-2078921491\n * https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#using-the-native-history-api\n */\nexport const SoftLink = memo<SoftLinkProps>(function SoftLink({ href, children, replace, ...props }) {\n    const onClick = useCallback(\n        (e) => {\n            e.preventDefault();\n            window.history[replace ? 'replaceState' : 'pushState'](\n                null,\n                '',\n                typeof href === 'string'\n                    ? href\n                    : `${href['pathname'] || ''}?${typeof href['query'] === 'string' ? href['query'] : new URLSearchParams(href['query'] as never).toString()}`,\n            );\n        },\n        [href, replace],\n    );\n\n    return (\n        <Link href={href} {...props} onClick={onClick}>\n            {children}\n        </Link>\n    );\n}) as typeof Link;\n"],"names":["SoftLink"],"mappings":";;;;AAiBO,MAAM,WAAW,KAAoB,SAASA,UAAS,EAAE,MAAM,UAAU,SAAS,GAAG,SAAS;AACjG,QAAM,UAAU;AAAA,IACZ,CAAC,MAAM;AACH,QAAE,eAAA;AACF,aAAO,QAAQ,UAAU,iBAAiB,WAAW;AAAA,QACjD;AAAA,QACA;AAAA,QACA,OAAO,SAAS,WACV,OACA,GAAG,KAAK,UAAU,KAAK,EAAE,IAAI,OAAO,KAAK,OAAO,MAAM,WAAW,KAAK,OAAO,IAAI,IAAI,gBAAgB,KAAK,OAAO,CAAU,EAAE,UAAU;AAAA,MAAA;AAAA,IAErJ;AAAA,IACA,CAAC,MAAM,OAAO;AAAA,EAAA;AAGlB,6BACK,MAAA,EAAK,MAAa,GAAG,OAAO,SACxB,UACL;AAER,CAAC;"}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@kirill.konshin/next",
   "description": "Utilities",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "scripts": {
     "----- BUILD -----": "",
     "clean": "rm -rf dist .tscache tsconfig.tsbuildinfo",
     "build": "vite build",
-    "build:index": "cti create ./src",
+    "build:index": "ctix build",
     "build:check-types": "attw --pack .",
     "start": "yarn build --watch",
     "wait": "wait-on ./dist/index.js",
@@ -19,13 +19,8 @@
     "storybook:build": "storybook build"
   },
   "dependencies": {
-    "@kirill.konshin/core": "*",
-    "clsx": "^2.1.1",
-    "colors": "^1.4.0",
-    "file-saver": "^2.0.5",
-    "many-keys-map": "^3.0.3",
-    "psd": "^3.4.0",
-    "sharp": "^0.34.3"
+    "@kirill.konshin/node": "*",
+    "clsx": "^2.1.1"
   },
   "devDependencies": {
     "@kirill.konshin/utils-private": "*",
@@ -59,5 +54,10 @@
   },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
-  "types": "./dist/index.d.ts"
+  "types": "./dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kirill-konshin/utils.git",
+    "directory": "packages/next"
+  }
 }

package/src/appLink.tsx

@@ -1,19 +1,27 @@
 'use client';
 
-import React, { ComponentProps, FC } from 'react';
+import React, { ComponentProps, FC, memo } from 'react';
 import { usePathname } from 'next/navigation';
 import Link, { LinkProps } from 'next/link';
 import clsx from 'clsx';
 
+export type AppLinkProps = {
+    children: any;
+    exact?: boolean;
+    activeClassName?: any;
+} & LinkProps &
+    ComponentProps<typeof Link>;
+
+export function useIsLinkActive() {
+    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);
+    };
+}
+
 //TODO Test this
-export const AppLink: FC<
-    {
-        children: any;
-        exact?: boolean;
-        activeClassName?: any;
-    } & LinkProps &
-        ComponentProps<typeof Link>
-> = function AppLink({
+export const AppLink: FC<AppLinkProps> = memo(function AppLink({
     href,
     children,
     className = '',
@@ -22,19 +30,18 @@ export const AppLink: FC<
     exact = false,
     ...props
 }) {
-    const pathname = usePathname();
-    const hrefPath = typeof href === 'string' ? href : href.pathname || '/';
+    const isActive = useIsLinkActive();
 
     return (
         <Link
             {...props}
             href={href}
             className={clsx(className, {
-                [activeClassName]: (!exact && pathname.startsWith(hrefPath)) || (exact && pathname === hrefPath),
+                [activeClassName]: isActive(href, exact),
             })}
             prefetch={prefetch}
         >
             {children}
         </Link>
     );
-};
+});

package/src/index.ts

@@ -2,4 +2,5 @@ export * from './appLink';
 export * from './measure';
 export * from './noSSR';
 export * from './redirect';
+export * from './softLink';
 export * from './useIsInner';

package/src/measure.ts

@@ -1,4 +1,4 @@
-import { createMeasurer } from '@kirill.konshin/core';
+import { createMeasurer } from '@kirill.konshin/node';
 import { PHASE_PRODUCTION_BUILD, PHASE_PRODUCTION_SERVER } from 'next/constants';
 
 export const isProd: boolean =

package/src/noSSR.tsx

@@ -1,6 +1,11 @@
 'use client';
 
-import React, { FC, JSX, useLayoutEffect, useState } from 'react';
+import React, { FC, memo, JSX, useLayoutEffect, useState } from 'react';
+
+export type NoSSRProps = {
+    children: any;
+    onSSR?: JSX.Element;
+};
 
 /**
  * Prefer using Next.js `dynamic()` import with `ssr: false` because this will also remove import from server bundle.
@@ -25,12 +30,13 @@ import React, { FC, JSX, useLayoutEffect, useState } from 'react';
  * @see https://github.com/kadirahq/react-no-ssr/blob/master/src/index.js
  * @see https://nextjs.org/docs/messages/react-hydration-error#solution-1-using-useeffect-to-run-on-the-client-only
  */
-export const NoSSR: FC<{ children: any; onSSR?: JSX.Element }> = function NoSSR({ children, onSSR = null }): any {
+export const NoSSR: FC<NoSSRProps> = memo(function NoSSR({ children, onSSR = null }): any {
     const [canRender, setCanRender] = useState(false);
 
     useLayoutEffect(() => {
+        // eslint-disable-next-line react-hooks/set-state-in-effect
         setCanRender(true);
     }, []);
 
     return canRender ? children : onSSR;
-};
+});

package/src/redirect.tsx

@@ -1,13 +1,21 @@
 'use client';
 
 import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { FC, memo, useEffect } from 'react';
 import type { LinkProps } from 'next/link';
 
-export default function Redirect({ to, replace }: { to: LinkProps['href']; replace?: LinkProps['replace'] }) {
+export type RedirectProps = {
+    to: LinkProps['href'];
+    replace?: LinkProps['replace'];
+};
+
+/**
+ * @deprecated
+ */
+export const Redirect: FC<RedirectProps> = memo(function Redirect({ to, replace }) {
     const router = useRouter();
     useEffect(() => {
         router[replace ? 'replace' : 'push'](to.toString()); //TODO Test this
     }, [replace, router, to]);
     return null;
-}
+});

package/src/softLink.tsx

@@ -0,0 +1,38 @@
+'use client';
+
+import Link from 'next/link';
+import React, { memo, ReactNode, useCallback } from 'react';
+import { LinkProps } from 'next/link';
+
+export type SoftLinkProps = LinkProps & {
+    children?: ReactNode;
+};
+
+/**
+ * Search Params update w/o rerender
+ *
+ * https://nextjs.org/docs/app/api-reference/functions/use-search-params#prerendering
+ * https://github.com/vercel/next.js/issues/43691#issuecomment-2078921491
+ * https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#using-the-native-history-api
+ */
+export const SoftLink = memo<SoftLinkProps>(function SoftLink({ href, children, replace, ...props }) {
+    const onClick = useCallback(
+        (e) => {
+            e.preventDefault();
+            window.history[replace ? 'replaceState' : 'pushState'](
+                null,
+                '',
+                typeof href === 'string'
+                    ? href
+                    : `${href['pathname'] || ''}?${typeof href['query'] === 'string' ? href['query'] : new URLSearchParams(href['query'] as never).toString()}`,
+            );
+        },
+        [href, replace],
+    );
+
+    return (
+        <Link href={href} {...props} onClick={onClick}>
+            {children}
+        </Link>
+    );
+}) as typeof Link;