@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 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
- // src/index.ts
19
+ // index.ts
20
20
  var index_exports = {};
21
21
  __export(index_exports, {
22
- useMediaQuery: () => useMediaQuery
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
- // Annotate the CommonJS export names for ESM import in node:
46
- 0 && (module.exports = {
47
- useMediaQuery
48
- });
43
+ var index_default = useMediaQuery;
@@ -2,4 +2,4 @@ declare const useMediaQuery: (maxWidth: number) => {
2
2
  isResize: boolean;
3
3
  };
4
4
 
5
- export { useMediaQuery };
5
+ export { useMediaQuery as default };
package/dist/index.d.ts CHANGED
@@ -2,4 +2,4 @@ declare const useMediaQuery: (maxWidth: number) => {
2
2
  isResize: boolean;
3
3
  };
4
4
 
5
- export { useMediaQuery };
5
+ export { useMediaQuery as default };
package/dist/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- // src/useMediaQuery.ts
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
- useMediaQuery
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.4",
3
+ "version": "1.0.6",
4
4
  "description": "",
5
5
  "main": "dist/index.cjs",
6
- "module": "dist/index.js",
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
  }