{"_id":"@arsil_malek/rn-scale-window","_rev":"4-a39758c5e2cc71957dbc03c9a8877d38","name":"@arsil_malek/rn-scale-window","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@arsil_malek/rn-scale-window","version":"1.0.0","keywords":["react-native","responsive","scale","window","screen","utility","fontSize","pixel","device"],"author":{"name":"Arsil Malek"},"license":"MIT","_id":"@arsil_malek/rn-scale-window@1.0.0","maintainers":[{"name":"arsil_malek","email":"arsil8356@gmail.com"}],"homepage":"https://github.com/CodArsh/Soft-ScaleWindow#readme","bugs":{"url":"https://github.com/CodArsh/Soft-ScaleWindow/issues"},"dist":{"shasum":"1aa5d259d5af7f543fb6252d6fe32290f6d162f4","tarball":"https://registry.npmjs.org/@arsil_malek/rn-scale-window/-/rn-scale-window-1.0.0.tgz","fileCount":9,"integrity":"sha512-bA3BJ2i1GAR3Cp5zKxv8//Nex6LzlsnI0uMyRZ9MUf86AQYR+JEltcaROuMpF3fgqs+k/n0cD8pvN2SI7NVyrA==","signatures":[{"sig":"MEUCIEInxM52Z86YHoXEwOZHvfjZwhJPdBUafL5qfW0al4OHAiEAlwGjzeXkbN30DOpzk+0keLnqnYezH3mFp2NtEW9cFDg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6397},"main":"dist/index.js","types":"dist/types/index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"arsil_malek","actor":{"name":"arsil_malek","type":"user","email":"arsil8356@gmail.com"},"email":"arsil8356@gmail.com"},"repository":{"url":"git+https://github.com/CodArsh/Soft-ScaleWindow.git","type":"git"},"_npmVersion":"10.8.2","description":"A lightweight and powerful utility for responsive scaling in React Native apps. Easily handle consistent font sizes, heights, widths, and layouts across all screen sizes.","directories":{},"_nodeVersion":"20.15.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.1.0","typescript":"^5.8.3","@types/react":"^19.1.8","react-native":"^0.80.0","@types/react-native":"^0.72.8"},"_npmOperationalInternal":{"tmp":"tmp/rn-scale-window_1.0.0_1750660106160_0.7104727952757968","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@arsil_malek/rn-scale-window","version":"1.0.1","keywords":["react-native","responsive","scale","window","screen","utility","fontSize","pixel","device"],"author":{"name":"Arsil Malek"},"license":"MIT","_id":"@arsil_malek/rn-scale-window@1.0.1","maintainers":[{"name":"arsil_malek","email":"arsil8356@gmail.com"}],"homepage":"https://github.com/CodArsh/rn-scale-window#readme","bugs":{"url":"https://github.com/CodArsh/rn-scale-window/issues"},"dist":{"shasum":"b6eafd1cf80b53078f40f956943275db9393869f","tarball":"https://registry.npmjs.org/@arsil_malek/rn-scale-window/-/rn-scale-window-1.0.1.tgz","fileCount":9,"integrity":"sha512-7Lxp2LL2TER8+NqyZUBTP/q+Ktn4EGmQhS2uPheuYFNEWbn5LyQbbss73lVX6gqaPU5z4NYBXr+xpd158d3hPw==","signatures":[{"sig":"MEYCIQD53AybUUiZJlzOPQlQC6IJPy8soxfEB/Oi9hRtqSl9IAIhAKz5h38GCN0Tf6gOpkB6n8Qg9zNyY7JkdEYsQdGtnUi2","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6393},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"c70e4d2058114b1ba35772e4d6b286aa153166ed","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"arsil_malek","actor":{"name":"arsil_malek","type":"user","email":"arsil8356@gmail.com"},"email":"arsil8356@gmail.com"},"repository":{"url":"git+https://github.com/CodArsh/rn-scale-window.git","type":"git"},"_npmVersion":"10.8.2","description":"A lightweight and powerful utility for responsive scaling in React Native apps. Easily handle consistent font sizes, heights, widths, and layouts across all screen sizes.","directories":{},"_nodeVersion":"20.15.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.1.0","typescript":"^5.8.3","@types/react":"^19.1.8","react-native":"^0.80.0","@types/react-native":"^0.72.8"},"_npmOperationalInternal":{"tmp":"tmp/rn-scale-window_1.0.1_1750660508737_0.5048219477391462","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@arsil_malek/rn-scale-window","version":"1.0.2","keywords":["react-native","responsive","scale","window","screen","utility","fontSize","pixel","device"],"author":{"name":"Arsil Malek"},"license":"MIT","_id":"@arsil_malek/rn-scale-window@1.0.2","maintainers":[{"name":"arsil_malek","email":"arsil8356@gmail.com"}],"homepage":"https://github.com/CodArsh/rn-scale-window#readme","bugs":{"url":"https://github.com/CodArsh/rn-scale-window/issues"},"dist":{"shasum":"0473425db779318f0fa61f0a65f4bd48fe53d5c1","tarball":"https://registry.npmjs.org/@arsil_malek/rn-scale-window/-/rn-scale-window-1.0.2.tgz","fileCount":5,"integrity":"sha512-Bz6jsMAR9dY0A/s7+ynkL1XfhoBcfz5ZyiMaHCHNtRXPngw6U694meAa7ZjFKiaNFxLMT+GiRMPKBlIiebz1pA==","signatures":[{"sig":"MEUCIQD4jNpuaXWgF5jN9W/7GJGjVzZ6ImNFb0ZX4LbIrFWhIAIgf3TjEwRn1tqeLrDA1e67bLPQN7082Cy9NOKHY1igVnA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4841},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"c70e4d2058114b1ba35772e4d6b286aa153166ed","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"arsil_malek","actor":{"name":"arsil_malek","type":"user","email":"arsil8356@gmail.com"},"email":"arsil8356@gmail.com"},"repository":{"url":"git+https://github.com/CodArsh/rn-scale-window.git","type":"git"},"_npmVersion":"10.8.2","description":"A lightweight and powerful utility for responsive scaling in React Native apps. Easily handle consistent font sizes, heights, widths, and layouts across all screen sizes.","directories":{},"_nodeVersion":"20.15.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.1.0","typescript":"^5.8.3","@types/react":"^19.1.8","react-native":"^0.80.0","@types/react-native":"^0.72.8"},"_npmOperationalInternal":{"tmp":"tmp/rn-scale-window_1.0.2_1750661025820_0.21487025372858692","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@arsil_malek/rn-scale-window","version":"1.0.3","main":"dist/index.js","types":"dist/types/index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"publishConfig":{"access":"public"},"keywords":["react-native","responsive","scale","window","screen","utility","fontSize","pixel","device"],"author":{"name":"Arsil Malek"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/CodArsh/rn-scale-window.git"},"description":"A lightweight and powerful utility for responsive scaling in React Native apps. Easily handle consistent font sizes, heights, widths, and layouts across all screen sizes.","devDependencies":{"@types/react":"^19.1.8","@types/react-native":"^0.72.8","react":"^19.1.0","react-native":"^0.80.0","typescript":"^5.8.3"},"_id":"@arsil_malek/rn-scale-window@1.0.3","gitHead":"c70e4d2058114b1ba35772e4d6b286aa153166ed","bugs":{"url":"https://github.com/CodArsh/rn-scale-window/issues"},"homepage":"https://github.com/CodArsh/rn-scale-window#readme","_nodeVersion":"20.15.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-qUC4E1Pa2TfhfkM9sD0+v83w0BitbphPMzXlLRmcjRWkYJalXHEzD1d/VQrJpU938BrUvNGSdsAuMZUibBZMeg==","shasum":"58ea3c1302d293b573e20cf46616760784359558","tarball":"https://registry.npmjs.org/@arsil_malek/rn-scale-window/-/rn-scale-window-1.0.3.tgz","fileCount":9,"unpackedSize":6564,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCluti1mNAArGx0q6daZqTb5s58fThiEQKhup9x4TDjIAIhAIMlCGlFJ6Jj8yDqN+MOnqJccJoEQvgywqjNk7KO/F1C"}]},"_npmUser":{"name":"arsil_malek","email":"arsil8356@gmail.com","actor":{"name":"arsil_malek","email":"arsil8356@gmail.com","type":"user"}},"directories":{},"maintainers":[{"name":"arsil_malek","email":"arsil8356@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/rn-scale-window_1.0.3_1750661116543_0.6999286194153631"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-23T06:28:26.031Z","modified":"2025-06-23T06:45:16.905Z","1.0.0":"2025-06-23T06:28:26.336Z","1.0.1":"2025-06-23T06:35:08.931Z","1.0.2":"2025-06-23T06:43:45.990Z","1.0.3":"2025-06-23T06:45:16.713Z"},"bugs":{"url":"https://github.com/CodArsh/rn-scale-window/issues"},"author":{"name":"Arsil Malek"},"license":"MIT","homepage":"https://github.com/CodArsh/rn-scale-window#readme","keywords":["react-native","responsive","scale","window","screen","utility","fontSize","pixel","device"],"repository":{"type":"git","url":"git+https://github.com/CodArsh/rn-scale-window.git"},"description":"A lightweight and powerful utility for responsive scaling in React Native apps. Easily handle consistent font sizes, heights, widths, and layouts across all screen sizes.","maintainers":[{"name":"arsil_malek","email":"arsil8356@gmail.com"}],"readme":"## 📱 `@arsil_malek/rn-scale-window` \r\n\r\n\r\n\r\nA lightweight utility to scale font sizes, widths, heights, paddings, margins, and more across different screen sizes in React Native.  \r\nBuild truly responsive UIs without breaking the design across small to large devices.\r\n\r\n######   &nbsp;&nbsp;&nbsp; Support (Android / iOS)\r\n\r\n---\r\n\r\n## 📦 Installation\r\n\r\n```bash\r\nnpm install @arsil_malek/rn-scale-window\r\n\r\nOR\r\n\r\nyarn add @arsil_malek/rn-scale-window\r\n```\r\n\r\n## ⚙️ Usage \r\n``` tsx\r\nimport React from 'react';\r\nimport { View, Text, StyleSheet } from 'react-native';\r\nimport { scale, verticalScale, moderateScale, fontScale, DEVICE } from '@arsil_malek/rn-scale-window';\r\n\r\nconst App = () => {\r\n  return (\r\n    <View style={styles.container}>\r\n      <Text style={styles.title}>Responsive Text!</Text>\r\n    </View>\r\n  );\r\n};\r\n\r\nconst styles = StyleSheet.create({\r\n  container: {\r\n    padding: scale(20),\r\n    marginTop: verticalScale(40),\r\n  },\r\n  title: {\r\n    fontSize: fontScale(18),\r\n    fontWeight: 'bold',\r\n  },\r\n});\r\n\r\nexport default App;\r\n```\r\n\r\n## 📐Utility Functions\r\n\r\n| Function                      | Description                                          | Returns  |\r\n| ----------------------------- | ---------------------------------------------------- | -------- |\r\n| `scale(size)`                 | Scales horizontally based on screen width            | `number` |\r\n| `verticalScale(size)`         | Scales vertically based on screen height             | `number` |\r\n| `moderateScale(size, factor)` | Scales moderately (between default & scaled)         | `number` |\r\n| `fontScale(size)`             | Scales text based on user font scale & accessibility | `number` |\r\n\r\n## 🧠 Device Info\r\n\r\n| Property               | Type      | Description                     |\r\n| ---------------------- | --------- | ------------------------------- |\r\n| `DEVICE.width`         | `number`  | Screen width                    |\r\n| `DEVICE.height`        | `number`  | Screen height                   |\r\n| `DEVICE.isTablet`      | `boolean` | Detects if device is tablet     |\r\n| `DEVICE.isSmallDevice` | `boolean` | Detects very small screen sizes |\r\n\r\n## 📝 License\r\nMIT @copyright 2025 Arsil Malek","readmeFilename":"README.md"}