Ghost/apps/admin-x-settings
Ronald Langeveld 210de7fa11
Added iframe double buffering in AdminX (#18002)
refs https://github.com/TryGhost/Product/issues/3807
https://github.com/TryGhost/Product/issues/3806

Added double buffering to iframes in Admin to have smoother transitions when swapping out iframes for preview pages.
---

<!-- Leave the line below if you'd like GitHub Copilot to generate a
summary from your commit -->
<!--
copilot:summary
-->
### <samp>🤖 Generated by Copilot at ad2b1a9</samp>

Refactored the announcement bar modal and preview components to use a
custom `IframeBuffering` component for better performance and
simplicity. Extracted the `IframeBuffering` component to a new file and
added some types and functions to support it. Removed some unused code
and cleaned up imports.
2023-09-11 15:23:12 +07:00
..
.storybook AdminX dark mode (#18035) 2023-09-08 20:53:41 +02:00
public
src Added iframe double buffering in AdminX (#18002) 2023-09-11 15:23:12 +07:00
test Added iframe double buffering in AdminX (#18002) 2023-09-11 15:23:12 +07:00
.eslintrc.cjs
.yarnrc
index.html
package.json Bumped AdminX to 0.0.14 (#18040) 2023-09-08 13:19:45 +00:00
playwright.config.ts
postcss.config.cjs
README.md
tailwind.config.cjs AdminX dark mode (#18035) 2023-09-08 20:53:41 +02:00
tsconfig.json
tsconfig.node.json
vite.config.ts Updated AdminX to load via ES Modules to enable code splitting (#17971) 2023-09-07 06:38:20 +00:00

Admin X Settings

Experimental re-write of Ghost Admin Settings in React

Development

Pre-requisites

  • Run yarn in Ghost monorepo root
  • Run yarn in 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.

  1. git clone this repo & cd into it as usual
  2. Run yarn to install top-level dependencies.

Test

  • yarn lint run just eslint
  • yarn test run lint and tests