@kirill.konshin/next 0.0.1 → 0.0.2

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,24 @@
 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.
 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.45 kB
+dist/index.js       0.35 kB │ map: 0.09 kB
 dist/useIsInner.js  0.37 kB │ map: 0.61 kB
+dist/redirect.js    0.38 kB │ map: 0.85 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/appLink.js     0.80 kB │ map: 1.62 kB
+[vite:dts] Declaration files built in 1665ms.
 
-✓ built in 2.28s
+✓ built in 4.92s
 Updated package.json with exports

package/CHANGELOG.md

@@ -0,0 +1,10 @@
+# @kirill.konshin/next
+
+## 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,9 @@
 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 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;AAGhC,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAwBnC,CAAC"}

package/dist/appLink.js

@@ -1,9 +1,10 @@
 "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({
+const AppLink = memo(function AppLink2({
   href,
   children,
   className = "",
@@ -27,7 +28,7 @@ const AppLink = function AppLink2({
       children
     }
   );
-};
+});
 export {
   AppLink
 };

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\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 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":";;;;;;AAeO,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,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,CAAC;"}

package/dist/index.js

@@ -1,12 +1,12 @@
 import { AppLink } 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 { useIsIndex, useIsInner } from "./useIsInner.js";
 export {
   AppLink,
   NoSSR,
+  Redirect,
   isProd,
   measurer,
   useIsIndex,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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,CAQ/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        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;AAClB,iBAAa,IAAI;AAAA,EACrB,GAAG,CAAA,CAAE;AAEL,SAAO,YAAY,WAAW;AAClC,CAAC;"}

package/dist/redirect.d.ts

@@ -1,6 +1,8 @@
+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;
+};
+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,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\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":";;;AAWO,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/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@kirill.konshin/next",
   "description": "Utilities",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "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": "*",

package/src/appLink.tsx

@@ -1,19 +1,19 @@
 '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>;
+
 //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 = '',
@@ -37,4 +37,4 @@ export const AppLink: FC<
             {children}
         </Link>
     );
-};
+});

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,7 +30,7 @@ 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(() => {
@@ -33,4 +38,4 @@ export const NoSSR: FC<{ children: any; onSSR?: JSX.Element }> = function NoSSR(
     }, []);
 
     return canRender ? children : onSSR;
-};
+});

package/src/redirect.tsx

@@ -1,13 +1,18 @@
 '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'];
+};
+
+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;
-}
+});