@btja/use-tailwind-media-query 0.1.0 → 0.1.4
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 +18 -5
- package/package.json +11 -1
package/README.md
CHANGED
|
@@ -125,9 +125,8 @@ export function MotionPreference() {
|
|
|
125
125
|
|
|
126
126
|
## SEO and SSR
|
|
127
127
|
|
|
128
|
-
If possible, keep both screen variants semantically equivalent
|
|
129
|
-
|
|
130
|
-
and consistency.
|
|
128
|
+
If possible, keep both screen variants semantically equivalent for SEO, accessibility,
|
|
129
|
+
and consistency purposes.
|
|
131
130
|
|
|
132
131
|
With this library, server render does not know the real viewport:
|
|
133
132
|
|
|
@@ -158,8 +157,14 @@ Current limitation: `useMediaQuery` depends on `MediaQueryList.addEventListener`
|
|
|
158
157
|
## Development
|
|
159
158
|
Using pnpm.
|
|
160
159
|
|
|
160
|
+
Setup:
|
|
161
161
|
```bash
|
|
162
|
+
npx skills add rolldown/tsdown # add tsdown agent skills
|
|
162
163
|
pnpm install
|
|
164
|
+
```
|
|
165
|
+
|
|
166
|
+
Useful commands:
|
|
167
|
+
```bash
|
|
163
168
|
pnpm run play # run vite playground
|
|
164
169
|
pnpm run test
|
|
165
170
|
pnpm run typecheck
|
|
@@ -169,7 +174,15 @@ pnpm run build
|
|
|
169
174
|
Before releasing (after `npm login`):
|
|
170
175
|
|
|
171
176
|
```bash
|
|
172
|
-
pnpm bump:version
|
|
173
177
|
pnpm check:release
|
|
178
|
+
pnpm bump:version
|
|
179
|
+
|
|
174
180
|
npm publish --access public
|
|
175
|
-
```
|
|
181
|
+
```
|
|
182
|
+
|
|
183
|
+
## AI Disclosure
|
|
184
|
+
Codex 5.4 was used to review and sanity-check:
|
|
185
|
+
- tsdown configs using the official [tsdown agent skill](https://tsdown.dev/guide/skills).
|
|
186
|
+
- React hook implementation for any issues.
|
|
187
|
+
|
|
188
|
+
Codex 5.4 was used to generate mockup UI in '`./playground`' demo.
|
package/package.json
CHANGED
|
@@ -1,10 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@btja/use-tailwind-media-query",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.4",
|
|
5
5
|
"description": "Helper react hook to listen for tailwind media breakpoints. Intended for use with adaptive design.",
|
|
6
6
|
"author": "Brian W Tjahjadi <brian.w.tjahjadi@gmail.com>",
|
|
7
7
|
"license": "MIT",
|
|
8
|
+
"keywords": [
|
|
9
|
+
"tailwind",
|
|
10
|
+
"media-query",
|
|
11
|
+
"react",
|
|
12
|
+
"hooks",
|
|
13
|
+
"react-hooks",
|
|
14
|
+
"hook",
|
|
15
|
+
"custom-hook",
|
|
16
|
+
"use-tailwind-media-query"
|
|
17
|
+
],
|
|
8
18
|
"homepage": "https://github.com/bwt2/use-tailwind-media-query#readme",
|
|
9
19
|
"repository": {
|
|
10
20
|
"type": "git",
|