@parksuhyun9321/use-media-query 1.0.4 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.MD +6 -0
- package/dist/{index.js → index.cjs} +3 -8
- package/dist/{index.d.mts → index.d.cts} +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +3 -2
- package/package.json +17 -7
package/README.MD
CHANGED
|
@@ -5,6 +5,12 @@
|
|
|
5
5
|
- pnpm add @parksuhyun9321@use-media-query
|
|
6
6
|
- yarn add @parksuhyun9321@use-media-query
|
|
7
7
|
|
|
8
|
+
## 테스트
|
|
9
|
+
- pnpm vitest run
|
|
10
|
+
|
|
11
|
+
## 빌드
|
|
12
|
+
- pnpm tsup
|
|
13
|
+
|
|
8
14
|
## 반응형 커스텀 훅
|
|
9
15
|
- useMediaQuery 선언 시 maxWidth 값을 주고 브라우저 사이즈에 따라 isResize 상태를 변경
|
|
10
16
|
- 브라우저 뷰포트에 따른 조건부 렌더링을 위해 사용
|
|
@@ -16,14 +16,12 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
};
|
|
17
17
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
18
|
|
|
19
|
-
//
|
|
19
|
+
// index.ts
|
|
20
20
|
var index_exports = {};
|
|
21
21
|
__export(index_exports, {
|
|
22
|
-
|
|
22
|
+
default: () => index_default
|
|
23
23
|
});
|
|
24
24
|
module.exports = __toCommonJS(index_exports);
|
|
25
|
-
|
|
26
|
-
// src/useMediaQuery.ts
|
|
27
25
|
var import_react = require("react");
|
|
28
26
|
var useMediaQuery = (maxWidth) => {
|
|
29
27
|
const [isResize, SetIsResize] = (0, import_react.useState)(() => {
|
|
@@ -42,7 +40,4 @@ var useMediaQuery = (maxWidth) => {
|
|
|
42
40
|
}, [maxWidth]);
|
|
43
41
|
return { isResize };
|
|
44
42
|
};
|
|
45
|
-
|
|
46
|
-
0 && (module.exports = {
|
|
47
|
-
useMediaQuery
|
|
48
|
-
});
|
|
43
|
+
var index_default = useMediaQuery;
|
package/dist/index.d.ts
CHANGED
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
//
|
|
1
|
+
// index.ts
|
|
2
2
|
import { useEffect, useState } from "react";
|
|
3
3
|
var useMediaQuery = (maxWidth) => {
|
|
4
4
|
const [isResize, SetIsResize] = useState(() => {
|
|
@@ -17,6 +17,7 @@ var useMediaQuery = (maxWidth) => {
|
|
|
17
17
|
}, [maxWidth]);
|
|
18
18
|
return { isResize };
|
|
19
19
|
};
|
|
20
|
+
var index_default = useMediaQuery;
|
|
20
21
|
export {
|
|
21
|
-
|
|
22
|
+
index_default as default
|
|
22
23
|
};
|
package/package.json
CHANGED
|
@@ -1,24 +1,34 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@parksuhyun9321/use-media-query",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.6",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.cjs",
|
|
6
|
-
"module": "dist/index.
|
|
6
|
+
"module": "dist/index.mjs",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
8
8
|
"files": [
|
|
9
9
|
"dist"
|
|
10
10
|
],
|
|
11
|
+
"type": "module",
|
|
12
|
+
"exports": {
|
|
13
|
+
".": {
|
|
14
|
+
"types": "./dist/index.d.ts",
|
|
15
|
+
"import": "./dist/index.mjs",
|
|
16
|
+
"require": "./dist/index.cjs"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
"peerDependencies": {
|
|
20
|
+
"react": ">=18"
|
|
21
|
+
},
|
|
11
22
|
"keywords": [],
|
|
12
23
|
"author": "",
|
|
13
24
|
"license": "ISC",
|
|
14
25
|
"devDependencies": {
|
|
26
|
+
"@testing-library/react": "^16.3.2",
|
|
15
27
|
"@types/react": "^19.2.9",
|
|
28
|
+
"jsdom": "^27.4.0",
|
|
16
29
|
"react": "^19.2.3",
|
|
17
30
|
"tsup": "^8.5.1",
|
|
18
|
-
"typescript": "^5.9.3"
|
|
19
|
-
|
|
20
|
-
"scripts": {
|
|
21
|
-
"test": "echo \"Error: no test specified\" && exit 1",
|
|
22
|
-
"build": "pnpm tsup"
|
|
31
|
+
"typescript": "^5.9.3",
|
|
32
|
+
"vitest": "^4.0.18"
|
|
23
33
|
}
|
|
24
34
|
}
|