윤정민
09cb2f09af
- data: URL을 그대로 console.log에 넘기면 DevTools가 그 한 줄을 저장·포맷· 렌더하느라 메인 스레드가 멈춘다. 실측으로 0.41MB짜리 한 줄에 10초 넘게 굳었다 - 화면이 통째로 얼어붙는데 원인이 로그 한 줄이라 추적이 매우 어렵다 - describeSrc가 1,000자를 넘는 소스를 길이 표시로 대체한다 - 거르는 기준을 스킴이 아니라 길이로 잡았다: 위험한 것은 data:라는 형식이 아니라 크기이고, 스킴으로 거르면 상대 경로처럼 짧고 멀쩡한 주소까지 가려진다
56 lines
1.3 KiB
JSON
56 lines
1.3 KiB
JSON
{
|
|
"name": "@baekryang/responsive-image-canvas",
|
|
"version": "1.5.5",
|
|
"publishConfig": {
|
|
"registry": "https://git.bnovalab.com/api/packages/baekryang/npm/"
|
|
},
|
|
"description": "React component for interactive image distortion with GPU-accelerated shaders",
|
|
"main": "./dist/index.js",
|
|
"module": "./dist/index.mjs",
|
|
"types": "./dist/index.d.ts",
|
|
"exports": {
|
|
".": {
|
|
"types": "./dist/index.d.ts",
|
|
"import": "./dist/index.mjs",
|
|
"require": "./dist/index.js"
|
|
}
|
|
},
|
|
"files": [
|
|
"dist"
|
|
],
|
|
"scripts": {
|
|
"build": "tsup src/index.ts --format cjs,esm --dts",
|
|
"dev": "tsup src/index.ts --format cjs,esm --dts --watch"
|
|
},
|
|
"peerDependencies": {
|
|
"react": "^18.0.0 || ^19.0.0",
|
|
"react-dom": "^18.0.0 || ^19.0.0",
|
|
"three": ">=0.150.0"
|
|
},
|
|
"devDependencies": {
|
|
"@types/react": "^19.2.2",
|
|
"@types/react-dom": "^19.2.2",
|
|
"@types/three": "^0.181.0",
|
|
"react": "^19.2.0",
|
|
"react-dom": "^19.2.0",
|
|
"three": "^0.181.0",
|
|
"tsup": "^8.5.0",
|
|
"typescript": "^5.5.3"
|
|
},
|
|
"repository": {
|
|
"type": "git",
|
|
"url": "https://git.bnovalab.com/baekryang/responsive-image-canvas.git"
|
|
},
|
|
"keywords": [
|
|
"react",
|
|
"three.js",
|
|
"webgl",
|
|
"shader",
|
|
"image-distortion",
|
|
"canvas",
|
|
"animation"
|
|
],
|
|
"author": "",
|
|
"license": "MIT"
|
|
}
|