429e8ed4d9
refs https://github.com/TryGhost/Product/issues/3349 - When updating certain states, eg the branding colour using or a typing in a text box, we want it display on the preview almost immediately. However this comes with a drawback of sending a ton of requests to the server. - This fix adds debouncing which essentially adds a small delay of 500ms, to wait for the user to finish typing / selecting colour before making a request. --- <!-- Leave the line below if you'd like GitHub Copilot to generate a summary from your commit --> <!-- copilot:summary --> ### <samp>🤖 Generated by Copilot at 4e623ff</samp> Improved the performance and user experience of the site description and accent color settings by debouncing the backend updates. Added a `debounce` utility function in `debounce.ts`. |
||
|---|---|---|
| .. | ||
| .storybook | ||
| public | ||
| src | ||
| test | ||
| .eslintrc.cjs | ||
| .yarnrc | ||
| index.html | ||
| package.json | ||
| playwright.config.ts | ||
| postcss.config.cjs | ||
| README.md | ||
| tailwind.config.cjs | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
Admin X Settings
Experimental re-write of Ghost Admin Settings in React
Development
Pre-requisites
- Run
yarnin Ghost monorepo root - Run
yarnin this directory
Running the development version
Run yarn dev to start the development server to test/develop the settings standalone. This will generate a demo site from the index.html file which renders the app and makes it available on http://localhost:5173
Running inside Admin
Run yarn dev from the top-level repo with --adminX
Develop
This is a monorepo package.
Follow the instructions for the top-level repo.
git clonethis repo &cdinto it as usual- Run
yarnto install top-level dependencies.
Test
yarn lintrun just eslintyarn testrun lint and tests