a93c665d20
refs https://github.com/TryGhost/Product/issues/4152 --- <!-- Leave the line below if you'd like GitHub Copilot to generate a summary from your commit --> <!-- copilot:summary --> ### <samp>🤖[[deprecated]](https://githubnext.com/copilot-for-prs-sunset) Generated by Copilot at a28462f</samp> This pull request adds a new admin-x app called `admin-x-demo`, which demonstrates how to use the shared packages `admin-x-framework` and `admin-x-design-system` to create a simple app that renders a button and a modal. It also improves the development workflow, the vite integration, the dependency management, and the type checking for the admin-x apps and packages. It modifies some files in the `admin-x-framework` and `admin-x-design-system` packages to make the modals prop optional, to introduce a new type for the props from the Ember app, to fix the z-index of the modal backdrop, and to use consistent file extensions and module syntax. |
||
---|---|---|
.. | ||
src | ||
test | ||
.eslintignore | ||
.eslintrc.cjs | ||
.yarnrc | ||
index.html | ||
node-shim.cjs | ||
package.json | ||
playwright.config.ts | ||
postcss.config.cjs | ||
README.md | ||
tailwind.config.cjs | ||
tsconfig.json | ||
vite.config.mjs |
Admin X Settings
Ghost Admin Settings in React
Development
Pre-requisites
- Run
yarn
in Ghost monorepo root
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
(like you would run Ghost dev normally) from the top-level repo. AdminX will automatically rebuild when you make changes.
Develop
This is a monorepo package.
Follow the instructions for the top-level repo.
git clone
this repo &cd
into it as usual- Run
yarn
to install top-level dependencies.
Test
yarn lint
run just eslintyarn test:acceptance
runs acceptance testsyarn test:unit
runs unit testsyarn test:acceptance path/to/test
runs a specific testyarn test:acceptance:slowmo
runs acceptance tests in slow motion and headed mode, useful for debugging and developing tests