mirror of
https://github.com/webstudio-is/webstudio.git
synced 2026-11-09 22:14:29 +09:00
## Description https://vercel.com/blog/demystifying-inp-new-tools-and-actionable-insights ## new https://inp-inp-inp-inp.wstd.work/ ## prev https://no-inp-no-no.wstd.work/ ## 20x slowdown new (click) <img width="323" alt="image" src="https://github.com/user-attachments/assets/08b063f6-93a3-4e2b-8e5d-e9521f97a40d" /> ## 20x slowdown new (keyboard) <img width="305" alt="image" src="https://github.com/user-attachments/assets/3a1bb563-392f-40d9-9067-7cb085adcedd" /> ## 20x slowdown old (click) <img width="308" alt="image" src="https://github.com/user-attachments/assets/41ff36cd-bd27-4e5d-b569-9040ce12b845" /> ## 20x slowdown old (keyboard) <img width="304" alt="image" src="https://github.com/user-attachments/assets/4cc41ef9-f6d1-4e2a-ad41-de601d713bc9" /> ## Steps for reproduction 1. click button 2. expect xyz ## Code Review - [ ] hi @kof, I need you to do - conceptual review (architecture, feature-correctness) - detailed review (read every line) - test it on preview ## Before requesting a review - [ ] made a self-review - [ ] added inline comments where things may be not obvious (the "why", not "what") ## Before merging - [ ] tested locally and on preview environment (preview dev login: 0000) - [ ] updated [test cases](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md) document - [ ] added tests - [ ] if any new env variables are added, added them to `.env` file
69 lines
2.1 KiB
JSON
69 lines
2.1 KiB
JSON
{
|
|
"name": "@webstudio-is/sdk-components-react",
|
|
"version": "0.0.0-webstudio-version",
|
|
"description": "Webstudio default library for react",
|
|
"author": "Webstudio <github@webstudio.is>",
|
|
"homepage": "https://webstudio.is",
|
|
"license": "AGPL-3.0-or-later",
|
|
"private": false,
|
|
"type": "module",
|
|
"sideEffects": false,
|
|
"files": [
|
|
"lib/*",
|
|
"!*.{test,stories}.*"
|
|
],
|
|
"exports": {
|
|
".": {
|
|
"webstudio": "./src/components.ts",
|
|
"types": "./lib/types/components.d.ts",
|
|
"import": "./lib/components.js"
|
|
},
|
|
"./metas": {
|
|
"webstudio": "./src/metas.ts",
|
|
"types": "./lib/types/metas.d.ts",
|
|
"import": "./lib/metas.js"
|
|
},
|
|
"./props": {
|
|
"webstudio": "./src/props.ts",
|
|
"types": "./lib/types/props.d.ts",
|
|
"import": "./lib/props.js"
|
|
},
|
|
"./hooks": {
|
|
"webstudio": "./src/hooks.ts",
|
|
"types": "./lib/types/hooks.d.ts",
|
|
"import": "./lib/hooks.js"
|
|
}
|
|
},
|
|
"scripts": {
|
|
"build": "vite build --config ../../vite.sdk-components.config.ts",
|
|
"build:args": "NODE_OPTIONS=--conditions=webstudio generate-arg-types './src/*.tsx !./src/*.stories.tsx !./src/*.test.{ts,tsx} !./src/*.ws.ts' && prettier --write \"**/*.props.ts\"",
|
|
"dts": "tsc --project tsconfig.dts.json",
|
|
"test": "vitest run",
|
|
"typecheck": "tsc"
|
|
},
|
|
"peerDependencies": {
|
|
"react": "18.3.0-canary-14898b6a9-20240318",
|
|
"react-dom": "18.3.0-canary-14898b6a9-20240318"
|
|
},
|
|
"dependencies": {
|
|
"@react-aria/utils": "^3.25.3",
|
|
"@webstudio-is/icons": "workspace:*",
|
|
"@webstudio-is/image": "workspace:*",
|
|
"@webstudio-is/react-sdk": "workspace:*",
|
|
"@webstudio-is/sdk": "workspace:*",
|
|
"colord": "^2.9.3",
|
|
"micromark": "^4.0.0",
|
|
"await-interaction-response": "^0.0.2"
|
|
},
|
|
"devDependencies": {
|
|
"@testing-library/react": "^14.2.2",
|
|
"@types/react": "^18.2.70",
|
|
"@types/react-dom": "^18.2.25",
|
|
"@webstudio-is/generate-arg-types": "workspace:*",
|
|
"@webstudio-is/tsconfig": "workspace:*",
|
|
"react": "18.3.0-canary-14898b6a9-20240318",
|
|
"react-dom": "18.3.0-canary-14898b6a9-20240318",
|
|
"vitest": "^2.1.8"
|
|
}
|
|
}
|