beaverbuilder / assistant

A tool for seeing what's happening inside WordPress and quickly navigating between pages & posts.
31 stars 5 forks source link

Code App #453

Closed fastlinemedia closed 2 months ago

fastlinemedia commented 1 year ago

The code app allows users to create CSS/JS snippets and define locations where they will be rendered.

Frontend

The frontend of this app borrows heavily from the components used in the Content and Media apps. Feel free to borrow code from those apps for scaffolding out the frontend of this app.

Live Preview

CSS code should live preview on the current page when edited in the editor.

Backend

The backend of this app can be handled using a new custom post type. That will allow us to import and export these snippets with Assistant Pro. We have a number of REST methods for working with posts under src/system/utils/wordpress/rest.js that may come in handy here. Feel free to add new methods as necessary.

List View Mockup

Image

Item View Mockup

Image

fastlinemedia commented 1 year ago

@rahulwalunje, nice work on this so far. I reviewed the plugin this morning and have a few things...

I think the main thing is figuring out how the locations will be laid out. What do you think about this?

Everything under general would be a single select. If you choose Post Type, it'll show the other selects.

Screenshot 2023-09-20 at 8 36 41 AM

Screenshot 2023-09-20 at 8 37 34 AM

One last task to make sure is done when everything else is finished is the ability to import code items from the libraries app. Thanks!

rahulwalunje commented 1 year ago

Thank you for the feedback @fastlinemedia. I am looking into the locations part.