screen-size-overlay/package.json

A lightweight React component that provides a screen size overlay, showing your screen size (width and height) alongside breakpoints. Supports presets (Tailwind, Bootstrap, Foundation, Bulma, MUI). Perfect for debugging screen size changes in responsive l

{
  "name": "screen-size-overlay",
  "description": "A lightweight React component that provides a screen size overlay, showing your screen size (width and height) alongside breakpoints. Supports presets (Tailwind, Bootstrap, Foundation, Bulma, MUI). Perfect for debugging screen size changes in responsive layouts",
  "version": "2.1.0",
  "types": "dist/index.d.ts",
  "module": "dist/screen-size-overlay.es.js",
  "main": "dist/screen-size-overlay.cjs.js",
  "exports": {
    ".": {
      "types": "./dist/index.d.ts",
      "import": "./dist/screen-size-overlay.es.js",
      "require": "./dist/screen-size-overlay.cjs.js",
      "default": "./dist/screen-size-overlay.es.js"
    }
  },
  "files": [
    "dist",
    "CHANGELOG.md"
  ],
  "type": "module",
  "private": false,
  "scripts": {
    "preinstall": "npx only-allow pnpm",
    "dev": "vite",
    "build": "tsc -b && vite build",
    "lint": "eslint .",
    "preview": "vite preview"
  },
  "devDependencies": {
    "@eslint/js": "^9.20.0",
    "@types/node": "^22.13.1",
    "@types/react": "^19.0.8",
    "@types/react-dom": "^19.0.3",
    "@vitejs/plugin-react-swc": "^3.7.2",
    "autoprefixer": "^10.4.20",
    "eslint": "^9.19.0",
    "eslint-config-prettier": "^10.0.1",
    "eslint-plugin-prettier": "^5.2.3",
    "eslint-plugin-react-hooks": "^5.1.0",
    "eslint-plugin-react-refresh": "^0.4.18",
    "globals": "^15.14.0",
    "postcss": "^8.5.1",
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
    "rollup-plugin-visualizer": "^5.14.0",
    "rollup-preserve-directives": "^1.1.3",
    "typescript": "~5.7.3",
    "typescript-eslint": "^8.23.0",
    "vite": "^6.1.0",
    "vite-plugin-css-injected-by-js": "^3.5.2",
    "vite-plugin-dts": "^4.5.0"
  },
  "peerDependencies": {
    "react": ">=16.8.0",
    "react-dom": ">=16.8.0"
  },
  "homepage": "https://github.com/iwebexpert/screen-size-overlay#readme",
  "repository": {
    "type": "git",
    "url": "git+https://github.com/iwebexpert/screen-size-overlay.git"
  },
  "bugs": {
    "url": "https://github.com/iwebexpert/screen-size-overlay/issues"
  },
  "keywords": [
    "react",
    "react-debug",
    "react-component",
    "tailwind",
    "tailwindcss",
    "tailwind-css",
    "bootstrap",
    "bootstrap4",
    "bootstrap5",
    "foundation",
    "bulma",
    "mui",
    "screen-size",
    "responsive",
    "overlay",
    "screen-dimensions",
    "react-overlay",
    "tailwind-breakpoints",
    "bootstrap-breakpoints",
    "foundation-breakpoints",
    "bulma-breakpoints",
    "mui-breakpoints",
    "development-tools",
    "breakpoints",
    "debug-tools",
    "custom-breakpoints",
    "adaptive-design",
    "responsive-tools"
  ],
  "license": "MIT",
  "packageManager": "pnpm@9.15.4",
  "sideEffects": false
}