{"_id":"react-document-pip","_rev":"35-135093d8d1b377545aa3ed19670763f9","name":"react-document-pip","dist-tags":{"latest":"1.3.0"},"versions":{"0.0.8":{"name":"react-document-pip","version":"0.0.8","keywords":["react-pip","react-document-pip","react document pip","pip","document pip","picture in picture"],"author":{"name":"KangBit"},"license":"MIT","_id":"react-document-pip@0.0.8","maintainers":[{"name":"kangbit","email":"kangbit@kakao.com"}],"homepage":"https://kangbit.github.io/posts/document-pip/react.html","bugs":{"url":"https://github.com/KangBit/react-document-pip/issues"},"dist":{"shasum":"0c60a06354c7d62327f410f701b8291fd1639589","tarball":"https://registry.npmjs.org/react-document-pip/-/react-document-pip-0.0.8.tgz","fileCount":5,"integrity":"sha512-RFv61S5CNNQiFU57rx4WCr5VqiCZRUy6fPL5VABf7+LfeC+Gz9y1VB6eHS+HXG8FUnbv1/Q37ZjMeu+YF2oduw==","signatures":[{"sig":"MEUCIQDB76tc+m+LvaSqIOjqKHU+o/4lSGyomDuHIzp7y5FV2QIgWA5QJZdkB5Eqkv70WrObgRrIEw05ZxTkwhfJFHQvi8o=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9722},"main":"./dist/index.umd.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"gitHead":"9bd1f182ebea0bb4b74e423d46a9a917531ea9b8","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview","build:clean":"rm -rf dist && npm run build","prepublishOnly":"npm run build:clean"},"_npmUser":{"name":"kangbit","email":"kangbit@kakao.com"},"repository":{"url":"git+https://github.com/KangBit/react-document-pip.git","type":"git"},"_npmVersion":"10.9.2","description":"This is a simple utility package for document picture in picture","directories":{},"_nodeVersion":"22.17.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.4","react":"^18.2.0","eslint":"^9.30.1","globals":"^16.3.0","react-dom":"^18.2.0","@eslint/js":"^9.30.1","typescript":"~5.8.3","@types/node":"^24.1.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.6","typescript-eslint":"^8.35.1","@vitejs/plugin-react-swc":"^3.10.2","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-document-pip_0.0.8_1753840323289_0.4733677223094921","host":"s3://npm-registry-packages-npm-production"}},"0.0.9":{"name":"react-document-pip","version":"0.0.9","keywords":["react-pip","react-document-pip","react document pip","pip","document pip","picture in picture"],"author":{"name":"KangBit"},"license":"MIT","_id":"react-document-pip@0.0.9","maintainers":[{"name":"kangbit","email":"kangbit@kakao.com"}],"homepage":"https://kangbit.github.io/posts/document-pip/react.html","bugs":{"url":"https://github.com/KangBit/react-document-pip/issues"},"dist":{"shasum":"c82985c4c9c8cddf5b902ab01b1f5938151910c2","tarball":"https://registry.npmjs.org/react-document-pip/-/react-document-pip-0.0.9.tgz","fileCount":5,"integrity":"sha512-+kW5FbL/b5MLDooOt9QnKw68S/CtwS1VgSmSczNl1e7qiZ+Yp3Z2FzRC9HQiFilqtKatXEtuhhqYZBCpyFH1pw==","signatures":[{"sig":"MEUCIQCVwuPpEMQS6t+e8Zdm+gsqUawHZ8RYXLwc7fwOznpihgIgVTH+WxmQZ69/pSoJv0JyY3fXjCauEMPvllhpf6luq4Q=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9724},"main":"./dist/index.umd.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"gitHead":"738966313d92e18ccaabb4b8c704f23a15f3295b","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview","build:clean":"rm -rf dist && npm run build","prepublishOnly":"npm run build:clean"},"_npmUser":{"name":"kangbit","email":"kangbit@kakao.com"},"repository":{"url":"git+https://github.com/KangBit/react-document-pip.git","type":"git"},"_npmVersion":"10.9.2","description":"This is a simple utility package for document picture in picture","directories":{},"_nodeVersion":"22.17.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.4","react":"^18.2.0","eslint":"^9.30.1","globals":"^16.3.0","react-dom":"^18.2.0","@eslint/js":"^9.30.1","typescript":"~5.8.3","@types/node":"^24.1.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.6","typescript-eslint":"^8.35.1","@vitejs/plugin-react-swc":"^3.10.2","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-document-pip_0.0.9_1753840494613_0.23942808585923103","host":"s3://npm-registry-packages-npm-production"}},"0.0.13":{"name":"react-document-pip","version":"0.0.13","keywords":["react-pip","react-document-pip","react document pip","pip","document pip","picture in picture"],"author":{"name":"KangBit"},"license":"MIT","_id":"react-document-pip@0.0.13","maintainers":[{"name":"kangbit","email":"kangbit@kakao.com"}],"homepage":"https://kangbit.github.io/posts/document-pip/react.html","bugs":{"url":"https://github.com/KangBit/react-document-pip/issues"},"dist":{"shasum":"a9cf1105bd87061c9c198200d1d9b18d58f4ea19","tarball":"https://registry.npmjs.org/react-document-pip/-/react-document-pip-0.0.13.tgz","fileCount":5,"integrity":"sha512-9z7Zv+713FGmEzJHqO34HOaJS6ahCGjN15N0JqbhpLVe94pX+4R5KgiaPJe4QE+wUvjwvffzWxkE7hz5KiwhkA==","signatures":[{"sig":"MEUCIQC3h+Vd0K5QSZ1D2TqBScBB4kydQguCP9GVa4TkZJ9+bwIgJX3fvcoueprIdxCWPXXeK4+iG/MWIPqAgI2L7BopQ10=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10678},"main":"./dist/index.umd.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"gitHead":"8170653e1fed0d2a18db02234408c91e3ea0cc4c","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview","build:clean":"rm -rf dist && npm run build","prepublishOnly":"npm run build:clean"},"_npmUser":{"name":"kangbit","email":"kangbit@kakao.com"},"repository":{"url":"git+https://github.com/KangBit/react-document-pip.git","type":"git"},"_npmVersion":"10.9.2","description":"This is a simple utility package for document picture in picture","directories":{},"_nodeVersion":"22.17.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.4","react":"^18.2.0","eslint":"^9.30.1","globals":"^16.3.0","react-dom":"^18.2.0","@eslint/js":"^9.30.1","typescript":"~5.8.3","@types/node":"^24.1.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.6","typescript-eslint":"^8.35.1","@vitejs/plugin-react-swc":"^3.10.2","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-document-pip_0.0.13_1755146458881_0.2933072986611771","host":"s3://npm-registry-packages-npm-production"}},"0.0.16":{"name":"react-document-pip","version":"0.0.16","keywords":["react-pip","react-document-pip","react document pip","pip","document pip","picture in picture"],"author":{"name":"KangBit"},"license":"MIT","_id":"react-document-pip@0.0.16","maintainers":[{"name":"kangbit","email":"kangbit@kakao.com"}],"homepage":"https://kangbit.github.io/posts/document-pip/react.html","bugs":{"url":"https://github.com/KangBit/react-document-pip/issues"},"dist":{"shasum":"e85c8cf517124e511b1369326c7caeec2d56f767","tarball":"https://registry.npmjs.org/react-document-pip/-/react-document-pip-0.0.16.tgz","fileCount":5,"integrity":"sha512-hIZ7Ch+vwt/MeNNBvpZ1+7yc2qruiFdRyh6IPm99LeUThFIgdosPty8xIVCJjMtC5o5sLLKJW0FzQmTa+eVA9w==","signatures":[{"sig":"MEQCIFEhPdK+VO4m2y8N8lpKzEroFw7fkgi1Ij6CZkyR72sPAiByG4710/onTTN7dpxZV2OJJ3gvgI4+9kjKJTj3OIK4yw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11289},"main":"./dist/index.umd.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"gitHead":"6e6fc8ded48cc46e0c9f8f1c0a3b8de679376ec5","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview","build:clean":"rm -rf dist && npm run build","prepublishOnly":"npm run build:clean"},"_npmUser":{"name":"kangbit","email":"kangbit@kakao.com"},"repository":{"url":"git+https://github.com/KangBit/react-document-pip.git","type":"git"},"_npmVersion":"10.9.2","description":"This is a simple utility package for document picture in picture","directories":{},"_nodeVersion":"22.17.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.4","react":"^18.2.0","eslint":"^9.30.1","globals":"^16.3.0","react-dom":"^18.2.0","@eslint/js":"^9.30.1","typescript":"~5.8.3","@types/node":"^24.1.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.6","typescript-eslint":"^8.35.1","@vitejs/plugin-react-swc":"^3.10.2","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-document-pip_0.0.16_1755162754067_0.5000663271722006","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"react-document-pip","version":"1.0.0","keywords":["react-pip","react-document-pip","react document pip","pip","document pip","picture in picture"],"author":{"name":"KangBit"},"license":"MIT","_id":"react-document-pip@1.0.0","maintainers":[{"name":"kangbit","email":"kangbit@kakao.com"}],"homepage":"https://kangbit.github.io/posts/document-pip/react.html","bugs":{"url":"https://github.com/KangBit/react-document-pip/issues"},"dist":{"shasum":"14032cba1affe2cbc91d3824d1f69268d268510d","tarball":"https://registry.npmjs.org/react-document-pip/-/react-document-pip-1.0.0.tgz","fileCount":5,"integrity":"sha512-m6gua9ECXbTyuKBOiLvSi1XfIDdydI94KwBEY14FspTt36IM1Z3BN6nmzOvrWaAiRifQt4u4n5NAgoUCo0kESg==","signatures":[{"sig":"MEUCIQDbNOdnyHklACXABc03HnnjJ+Z6bEgj7iorXnXLt2+evAIgNiI/REdnbEbshKxjsjogYTmNT0gT9O4816myftllRfE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":12381},"main":"./dist/index.umd.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"gitHead":"ac7896c78ea438141d3299eca986bd565e7ddc22","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview","build:clean":"rm -rf dist && npm run build","prepublishOnly":"npm run build:clean"},"_npmUser":{"name":"kangbit","email":"kangbit@kakao.com"},"repository":{"url":"git+https://github.com/KangBit/react-document-pip.git","type":"git"},"_npmVersion":"10.9.2","description":"This is a simple utility package for document picture in picture","directories":{},"_nodeVersion":"22.17.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.4","react":"^18.2.0","eslint":"^9.30.1","globals":"^16.3.0","react-dom":"^18.2.0","@eslint/js":"^9.30.1","typescript":"~5.8.3","@types/node":"^24.1.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.6","typescript-eslint":"^8.35.1","@vitejs/plugin-react-swc":"^3.10.2","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-document-pip_1.0.0_1755665423715_0.6836887984835398","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"react-document-pip","version":"1.1.0","keywords":["react-pip","react-document-pip","react document pip","pip","document pip","picture in picture"],"author":{"name":"KangBit"},"license":"MIT","_id":"react-document-pip@1.1.0","maintainers":[{"name":"kangbit","email":"kangbit@kakao.com"}],"homepage":"https://kangbit.github.io/posts/document-pip/react.html","bugs":{"url":"https://github.com/KangBit/react-document-pip/issues"},"dist":{"shasum":"4a3f0510e3ec5a5193986fdaea4f296c90e7293e","tarball":"https://registry.npmjs.org/react-document-pip/-/react-document-pip-1.1.0.tgz","fileCount":5,"integrity":"sha512-m/9o8ATSTqQoLJRcQ6bR3sN7ztWhMsjH7Mygv7cJtLV3+2DnY//TWfdVB6w3l/EJZd/a2BY5ArwQybsyW74hmA==","signatures":[{"sig":"MEUCIQDTThkotMNnJth0fw/wqIJfFokTGVwfMoOOgrOmXS0WpgIge23Zf0J3swPPYLqOR15P+KYb4HzHx2BMN75zqJZY9eg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":12270},"main":"./dist/index.umd.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"gitHead":"a37d0a32061b47cea83fbe9ec033098c5b31bcf1","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview","build:clean":"rm -rf dist && npm run build","prepublishOnly":"npm run build:clean"},"_npmUser":{"name":"kangbit","email":"kangbit@kakao.com"},"repository":{"url":"git+https://github.com/KangBit/react-document-pip.git","type":"git"},"_npmVersion":"10.9.2","description":"This is a simple utility package for document picture in picture","directories":{},"_nodeVersion":"22.17.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.4","react":"^18.2.0","eslint":"^9.30.1","globals":"^16.3.0","react-dom":"^18.2.0","@eslint/js":"^9.30.1","typescript":"~5.8.3","@types/node":"^24.1.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.6","typescript-eslint":"^8.35.1","@vitejs/plugin-react-swc":"^3.10.2","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-document-pip_1.1.0_1756693839083_0.3592229479017801","host":"s3://npm-registry-packages-npm-production"}},"1.2.0":{"name":"react-document-pip","version":"1.2.0","keywords":["react-pip","react-document-pip","react document pip","pip","document pip","picture in picture"],"author":{"name":"KangBit"},"license":"MIT","_id":"react-document-pip@1.2.0","maintainers":[{"name":"kangbit","email":"kangbit@kakao.com"}],"homepage":"https://kangbit.github.io/posts/document-pip/react.html","bugs":{"url":"https://github.com/KangBit/react-document-pip/issues"},"dist":{"shasum":"aa284adc1a1ffaa11b50c753391784075434167c","tarball":"https://registry.npmjs.org/react-document-pip/-/react-document-pip-1.2.0.tgz","fileCount":5,"integrity":"sha512-+ghlw4FxvBWSpm42kyCKbpwWO5AUioWqc62mo3U5hntnBliZj5XM39zVYAExsQVsa/czlrCmV4l89Oc/rbJsJg==","signatures":[{"sig":"MEYCIQCZVcROv12++nYx1d4GX8+BKWl02Sx82AtG8vY+pkU4mQIhAPlc5QwlQESMBSHlCGeoBYbavLz0gVXdEViQGVENNc48","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":12822},"main":"./dist/index.umd.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"gitHead":"a37d0a32061b47cea83fbe9ec033098c5b31bcf1","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview","build:clean":"rm -rf dist && npm run build","prepublishOnly":"npm run build:clean"},"_npmUser":{"name":"kangbit","email":"kangbit@kakao.com"},"repository":{"url":"git+https://github.com/KangBit/react-document-pip.git","type":"git"},"_npmVersion":"10.9.2","description":"This is a simple utility package for document picture in picture","directories":{},"_nodeVersion":"22.17.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.4","react":"^18.2.0","eslint":"^9.30.1","globals":"^16.3.0","react-dom":"^18.2.0","@eslint/js":"^9.30.1","typescript":"~5.8.3","@types/node":"^24.1.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.6","typescript-eslint":"^8.35.1","@vitejs/plugin-react-swc":"^3.10.2","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-document-pip_1.2.0_1757231667296_0.8713160333285279","host":"s3://npm-registry-packages-npm-production"}},"1.2.1":{"name":"react-document-pip","version":"1.2.1","keywords":["react-pip","react-document-pip","react document pip","pip","document pip","picture in picture"],"author":{"name":"KangBit"},"license":"MIT","_id":"react-document-pip@1.2.1","maintainers":[{"name":"kangbit","email":"kangbit@kakao.com"}],"homepage":"https://kangbit.github.io/posts/document-pip/react.html","bugs":{"url":"https://github.com/KangBit/react-document-pip/issues"},"dist":{"shasum":"b5e837325430309031b7234c787009f1e8d6477c","tarball":"https://registry.npmjs.org/react-document-pip/-/react-document-pip-1.2.1.tgz","fileCount":5,"integrity":"sha512-0LZzX/C+tFirrl+MynFoNQ0G0dkQqT+fE7XOf+7iEb2aDlHSu/xJufhebKdAQfo6Zls/zoDmUmrnrQaqHK4kEw==","signatures":[{"sig":"MEYCIQCTOTXwnhf5TRQJbHrqot9jxJhf+usK7qdPrqjfR6Ey9AIhAIZ8qxcUGlCSzRgSag5ZVQdUbQ2Taqp/jj1uaddstIsQ","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13350},"main":"./dist/index.umd.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"gitHead":"2f5bf8eb1d2d829cc1a7517f5a6cf9e831c04bed","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview","build:clean":"rm -rf dist && npm run build","prepublishOnly":"npm run build:clean"},"_npmUser":{"name":"kangbit","email":"kangbit@kakao.com"},"repository":{"url":"git+https://github.com/KangBit/react-document-pip.git","type":"git"},"_npmVersion":"10.9.2","description":"This is a simple utility package for document picture in picture","directories":{},"_nodeVersion":"22.17.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.4","react":"^18.2.0","eslint":"^9.30.1","globals":"^16.3.0","react-dom":"^18.2.0","@eslint/js":"^9.30.1","typescript":"~5.8.3","@types/node":"^24.1.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.6","typescript-eslint":"^8.35.1","@vitejs/plugin-react-swc":"^3.10.2","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-document-pip_1.2.1_1760418275188_0.7102862461765054","host":"s3://npm-registry-packages-npm-production"}},"1.3.0":{"version":"1.3.0","author":{"name":"KangBit"},"license":"MIT","name":"react-document-pip","description":"This is a simple utility package for document picture in picture","repository":{"type":"git","url":"git+https://github.com/KangBit/react-document-pip.git"},"bugs":{"url":"https://github.com/KangBit/react-document-pip/issues"},"keywords":["react-pip","react-document-pip","react document pip","pip","document pip","picture in picture"],"homepage":"https://kangbit.github.io/posts/document-pip/react.html","type":"module","scripts":{"dev":"vite","build":"tsc -b && vite build","build:clean":"rm -rf dist && npm run build","lint":"eslint .","preview":"vite preview","prepublishOnly":"npm run build:clean"},"peerDependencies":{"react":">=18.2.0","react-dom":">=18.2.0"},"devDependencies":{"@eslint/js":"^10.0.1","@types/node":"^26.0.0","@types/react":"^19.2.17","@types/react-dom":"^19.2.3","@vitejs/plugin-react-swc":"^4.3.1","eslint":"^10.5.0","eslint-plugin-react-hooks":"^7.1.1","eslint-plugin-react-refresh":"^0.5.3","globals":"^17.6.0","typescript":"~6.0.3","typescript-eslint":"^8.61.1","vite":"^8.0.16","vite-plugin-dts":"^5.0.2","react":"^19.2.7","react-dom":"^19.2.7"},"main":"./dist/index.umd.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"gitHead":"7a39f469a0c91732b35dd2fb66a63c17d63ffadc","_id":"react-document-pip@1.3.0","_nodeVersion":"24.14.0","_npmVersion":"11.9.0","dist":{"integrity":"sha512-mPYeZhabwwIAEx1zCvORMLU2sscJR7NQbnGdC2wBH1Cm0KCSYvuUIuDL+HvX+BWVuWR2IOWNSfvDhcj0V4+fkA==","shasum":"60340853338d666e31aa29452afaa8a211434317","tarball":"https://registry.npmjs.org/react-document-pip/-/react-document-pip-1.3.0.tgz","fileCount":10,"unpackedSize":13864,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCvj2XmjZdPcUUnV1H5mJjSUEZOjjJm6WsmiMV6P8fKAgIgcn2Ouf/7r4/j9LVvJXiXmYB/pTeK6A+3Bh6lljAqd+U="}]},"_npmUser":{"name":"kangbit","email":"kangbit@kakao.com"},"directories":{},"maintainers":[{"name":"kangbit","email":"kangbit@kakao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-document-pip_1.3.0_1782175943319_0.8428184594107813"},"_hasShrinkwrap":false}},"time":{"created":"2025-07-29T07:36:31.659Z","modified":"2026-06-23T00:52:23.552Z","0.0.0":"2025-07-29T07:36:31.839Z","0.0.1":"2025-07-29T07:42:03.977Z","0.0.2":"2025-07-29T07:43:25.626Z","0.0.3":"2025-07-29T07:47:30.930Z","0.0.4":"2025-07-29T07:48:18.851Z","0.0.5":"2025-07-29T07:56:52.368Z","0.0.6":"2025-07-29T08:32:23.820Z","0.0.7":"2025-07-29T08:37:10.324Z","0.0.8":"2025-07-30T01:52:03.588Z","0.0.9":"2025-07-30T01:54:54.818Z","0.0.10":"2025-08-14T04:09:41.753Z","0.0.11":"2025-08-14T04:17:07.069Z","0.0.12":"2025-08-14T04:20:40.062Z","0.0.13":"2025-08-14T04:40:59.079Z","0.0.14":"2025-08-14T08:03:17.854Z","0.0.15":"2025-08-14T08:15:12.857Z","0.0.16":"2025-08-14T09:12:34.233Z","1.0.0":"2025-08-20T04:50:23.886Z","1.1.0":"2025-09-01T02:30:39.277Z","1.2.0":"2025-09-07T07:54:27.471Z","1.2.1":"2025-10-14T05:04:35.402Z","1.3.0":"2026-06-23T00:52:23.453Z"},"bugs":{"url":"https://github.com/KangBit/react-document-pip/issues"},"author":{"name":"KangBit"},"license":"MIT","homepage":"https://kangbit.github.io/posts/document-pip/react.html","keywords":["react-pip","react-document-pip","react document pip","pip","document pip","picture in picture"],"repository":{"type":"git","url":"git+https://github.com/KangBit/react-document-pip.git"},"description":"This is a simple utility package for document picture in picture","maintainers":[{"name":"kangbit","email":"kangbit@kakao.com"}],"readme":"# React Document Picture-in-Picture\n\nA React component library for creating Picture-in-Picture windows using the Document Picture-in-Picture API.\n\n![React PIP Demo](./demo.gif)\n\n## Browser Support\n\n- This feature may not work in some browsers. Browser compatibility can be checked at [CanIUse](https://caniuse.com/mdn-api_documentpictureinpicture).\n\n- This feature is only available in [Secure Contexts](https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts) (HTTPS or localhost).\n\n## Installation\n\n```bash\nnpm install react-document-pip\n```\n\n## Usage\n\n### Basic Example\n\n```tsx\nimport { useState } from \"react\";\nimport DocumentPip from \"react-document-pip\";\n\nfunction App() {\n const [isPipOpen, setIsPipOpen] = useState(false);\n\n const togglePip = () => {\n setIsPipOpen(!isPipOpen);\n };\n\n const handleClose = () => {\n setIsPipOpen(false);\n };\n\n return (\n <>\n \n \n \n \n \n );\n}\n```\n\n### Using Window Methods Or Web APIs in PIP window\n\n```tsx\n// ...\n\nconst pipWindowRef = useRef(null);\n\nconst onClickButton = () => {\n pipWindowRef.current?.alert(\"alert in pip window\");\n};\n\nfunction App() {\n return (\n <>\n \n
\n

PIPContent

\n \n
\n \n \n \n );\n}\n```\n\n## API Reference\n\n### DocumentPIP ForwardedRef\n\n| Type | Description |\n| ---------------- | ----------- |\n| `Window \\| null` | PIP window |\n\n### DocumentPIP Props\n\n| Prop | Type | Default | Description |\n| ------------------------------ | ------------------------------------------ | ------------ | --------------------------------------------------------------------------------------------------------------------------------- |\n| `children` | `React.ReactNode` | - | The content to display in the PIP window |\n| `isPipOpen` | `boolean` | - | Controls whether the PIP window is open |\n| `size` | `Partial` | - | Size of the PIP window |\n| `mode` | `'clone' \\| 'transfer' \\| 'transfer-only'` | `'transfer'` | Content display mode
`clone`: keep original + copy
`transfer`: move to PIP
`transfer-only`: move to PIP without original |\n| `copyAllStyles` | `boolean` | `true` | Whether to copy all styles to PIP window |\n| `disallowReturnToOpener` | `boolean` | `false` | Whether to disallow returning to the opener window |\n| `preferInitialWindowPlacement` | `boolean` | `false` | Whether to prefer initial window placement |\n| `className` | `string` | `''` | pip window documentElement classname |\n| `onEnter` | `() => void` | - | Callback function when the PIP window is opesuccessfully opened |\n| `onClose` | `() => void` | - | Callback function when the PIP window is closed |\n\n### Types\n\n```typescript\ninterface PIPWindowSize {\n width: number;\n height: number;\n}\n\ntype PIPMode = \"clone\" | \"transfer\" | \"transfer-only\";\n\ninterface DocumentPIPProps {\n children: React.ReactNode;\n isPipOpen: boolean;\n size?: Partial;\n mode?: PIPMode;\n copyAllStyles?: boolean;\n disallowReturnToOpener?: boolean;\n preferInitialWindowPlacement?: boolean;\n className?: string;\n onEnter?: (e: DocumentPictureInPictureEvent) => void;\n onClose: () => void;\n}\n```\n\n## Browser Support\n\nThis library uses the [Document Picture-in-Picture API](https://developer.chrome.com/docs/web-platform/document-picture-in-picture/), which is currently supported in:\n\n- Chrome 116+\n- Edge 116+\n- Opera 102+\n\n## Styled Components not supported\n\n## Related Packages\n\n- [vue-pip](https://www.npmjs.com/package/vue-pip) - Vue version of Document Picture-in-Picture\n\n## Projects using this package\n\n- [pip-tools](https://pip-tools.com/) - Use handy tools that always stay on top of other windows!\n\n## License\n\nMIT\n","readmeFilename":"README.md"}