@cloud-ru/uikit-product-utils 8.0.1 → 8.1.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 8.1.0 (2025-12-17)
+
+
+### Features
+
+* **DOCDEV-2456:** moved useLocalStorage to utils pckg ([9809058](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/98090588fc37da109dd01b9f2b89f0fe776df565))
+
+
+
+
+
+## 8.0.2 (2025-12-08)
+
+
+### Bug Fixes
+
+* **FF-7187:** add SSR safety checks for localStorage and navigator usage ([c2c7561](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/c2c7561c9a2f5e3b1bd897b696b33ea309f39dfa))
+
+
+
+
+
 ## 8.0.1 (2025-11-24)
 
 

package/dist/cjs/hooks/index.d.ts

@@ -10,3 +10,4 @@ export * from './useTextProvider';
 export * from './useAdaptive';
 export * from './useDisplayMode';
 export * from './useMatchMedia';
+export * from './useLocalStorage';

package/dist/cjs/hooks/index.js

@@ -26,3 +26,4 @@ __exportStar(require("./useTextProvider"), exports);
 __exportStar(require("./useAdaptive"), exports);
 __exportStar(require("./useDisplayMode"), exports);
 __exportStar(require("./useMatchMedia"), exports);
+__exportStar(require("./useLocalStorage"), exports);

package/dist/cjs/hooks/useLocalStorage.d.ts

@@ -0,0 +1 @@
+export declare function useLocalStorage<T extends string = string>(key: string, defaultValue: T): [T, (newValue: T) => void];

package/dist/cjs/hooks/useLocalStorage.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLocalStorage = useLocalStorage;
+const react_1 = require("react");
+const utils_1 = require("@snack-uikit/utils");
+function useLocalStorage(key, defaultValue) {
+    var _a;
+    const [value, setValueState] = (0, react_1.useState)(((_a = ((0, utils_1.isBrowser)() ? localStorage.getItem(key) : null)) !== null && _a !== void 0 ? _a : defaultValue));
+    const setValue = (0, react_1.useCallback)((newValue) => {
+        if ((0, utils_1.isBrowser)()) {
+            localStorage.setItem(key, newValue);
+        }
+        setValueState(newValue);
+    }, [key]);
+    return [value, setValue];
+}

package/dist/cjs/utils/getUserAgentInfo.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getUserAgentInfo = getUserAgentInfo;
 const ua_parser_js_1 = require("ua-parser-js");
+const utils_1 = require("@snack-uikit/utils");
 const DEVICE_TYPE = {
     Console: 'console',
     Mobile: 'mobile',
@@ -14,7 +15,7 @@ const DEVICE_TYPE = {
 const DEVICE_TYPES = Object.values(DEVICE_TYPE);
 const getDeviceType = (type) => DEVICE_TYPES.find(value => value === type) || DEVICE_TYPE.Desktop;
 function getUserAgentInfo() {
-    const parser = new ua_parser_js_1.UAParser(globalThis.navigator.userAgent);
+    const parser = new ua_parser_js_1.UAParser((0, utils_1.isBrowser)() ? globalThis.navigator.userAgent : undefined);
     const device = parser.getDevice();
     const browser = parser.getBrowser();
     const os = parser.getOS();

package/dist/esm/hooks/index.d.ts

@@ -10,3 +10,4 @@ export * from './useTextProvider';
 export * from './useAdaptive';
 export * from './useDisplayMode';
 export * from './useMatchMedia';
+export * from './useLocalStorage';

package/dist/esm/hooks/index.js

@@ -10,3 +10,4 @@ export * from './useTextProvider';
 export * from './useAdaptive';
 export * from './useDisplayMode';
 export * from './useMatchMedia';
+export * from './useLocalStorage';

package/dist/esm/hooks/useLocalStorage.d.ts

@@ -0,0 +1 @@
+export declare function useLocalStorage<T extends string = string>(key: string, defaultValue: T): [T, (newValue: T) => void];

package/dist/esm/hooks/useLocalStorage.js

@@ -0,0 +1,13 @@
+import { useCallback, useState } from 'react';
+import { isBrowser } from '@snack-uikit/utils';
+export function useLocalStorage(key, defaultValue) {
+    var _a;
+    const [value, setValueState] = useState(((_a = (isBrowser() ? localStorage.getItem(key) : null)) !== null && _a !== void 0 ? _a : defaultValue));
+    const setValue = useCallback((newValue) => {
+        if (isBrowser()) {
+            localStorage.setItem(key, newValue);
+        }
+        setValueState(newValue);
+    }, [key]);
+    return [value, setValue];
+}

package/dist/esm/utils/getUserAgentInfo.js

@@ -1,4 +1,5 @@
 import { UAParser } from 'ua-parser-js';
+import { isBrowser } from '@snack-uikit/utils';
 const DEVICE_TYPE = {
     Console: 'console',
     Mobile: 'mobile',
@@ -11,7 +12,7 @@ const DEVICE_TYPE = {
 const DEVICE_TYPES = Object.values(DEVICE_TYPE);
 const getDeviceType = (type) => DEVICE_TYPES.find(value => value === type) || DEVICE_TYPE.Desktop;
 export function getUserAgentInfo() {
-    const parser = new UAParser(globalThis.navigator.userAgent);
+    const parser = new UAParser(isBrowser() ? globalThis.navigator.userAgent : undefined);
     const device = parser.getDevice();
     const browser = parser.getBrowser();
     const os = parser.getOS();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-utils",
   "title": "Utils",
-  "version": "8.0.1",
+  "version": "8.1.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -84,5 +84,5 @@
       "optional": true
     }
   },
-  "gitHead": "8968606769e5da46db696dfa70d7ad999564388d"
+  "gitHead": "1a98d6d9bff32edcbb3f9b0be0a14dce3f2abe5d"
 }

package/src/hooks/index.ts

@@ -10,3 +10,4 @@ export * from './useTextProvider';
 export * from './useAdaptive';
 export * from './useDisplayMode';
 export * from './useMatchMedia';
+export * from './useLocalStorage';

package/src/hooks/useLocalStorage.ts

@@ -0,0 +1,19 @@
+import { useCallback, useState } from 'react';
+
+import { isBrowser } from '@snack-uikit/utils';
+
+export function useLocalStorage<T extends string = string>(key: string, defaultValue: T): [T, (newValue: T) => void] {
+  const [value, setValueState] = useState<T>(((isBrowser() ? localStorage.getItem(key) : null) ?? defaultValue) as T);
+
+  const setValue = useCallback(
+    (newValue: T) => {
+      if (isBrowser()) {
+        localStorage.setItem(key, newValue);
+      }
+      setValueState(newValue);
+    },
+    [key],
+  );
+
+  return [value, setValue];
+}

package/src/utils/getUserAgentInfo.ts

@@ -1,6 +1,6 @@
 import { UAParser } from 'ua-parser-js';
 
-import { ValueOf } from '@snack-uikit/utils';
+import { isBrowser, ValueOf } from '@snack-uikit/utils';
 
 const DEVICE_TYPE = {
   Console: 'console',
@@ -20,7 +20,7 @@ const getDeviceType = (type: string | undefined): DeviceType =>
   DEVICE_TYPES.find(value => value === type) || DEVICE_TYPE.Desktop;
 
 export function getUserAgentInfo() {
-  const parser = new UAParser(globalThis.navigator.userAgent);
+  const parser = new UAParser(isBrowser() ? globalThis.navigator.userAgent : undefined);
   const device = parser.getDevice();
   const browser = parser.getBrowser();
   const os = parser.getOS();