FASTyle 2.2

25 Jul 2016 Edited
#1
FASTyle is an all-in-one suite which dramatically improves and speeds up assets management, including templates, stylesheets and javascripts (in /jscripts folder). FASTyle is equipped with its own themes manager, reducing the usage of the core "Themes" and "Templates" modules to the minimum. It uses a customized version of CodeMirror editor to provide an eye-catching experience.

Minimum requirements


PHP 5.4
MyBB 1.8.0

Features


AJAXed interface


FASTyle is built with speed in mind; as such, every action you take is routed to the server with AJAX technology, accounting for its unique real-time feel. Assets are listed in a convenient collapsible sidebar, and once loaded they are added to a tabbed top bar where you can easily switch between opened ones, resembling a standard browser experience. Get, save, add and delete assets anytime and in real-time.

[Image: IstkVuK.png]

Since for every theme a template set is used, FASTyle displays a theme and its associated template set. Orphaned template sets, those without a parent theme, and global ones are listed separately.

SPARKLES use the CTRL/CMD+S combination to quickly save assets.

CALENDAR In future releases FASTyle will include even more actions, progressively overriding the core modules and allowing you to manage every different aspect of your themes with AJAX.

Diff comparator


Compare assets to their original versions and edit them as you type. Templates and stylesheets are compared against the local MyBB Master Style versions, while JavaScripts are compared remotely by fetching the original asset from GitHub synchronized with your current MyBB version.

[Image: teFNtWJ.png]

Quick mode


When you perform sensitive actions, like closing unsaved assets or deleting them, you are prompted with a confirmation dialog. Quick mode allows you to bypass dialogs and approve your actions automatically, like a pro.

WARNING SIGN By enabling quick mode you acknowledge that you can permanently delete assets without any confirmation dialog. Templates and stylesheets are saved in the database, so you *might* have automatic backups generated by MyBB's tasks system; JavaScripts are saved in the filesystem and are more prone to data loss.

[Image: qPJSrLK.png]

State memory


FASTyle remembers your editor tuning, including previously opened tabs and the last one being worked on, quick mode and full paging, and sets them automatically once you refresh the page or come back days after. FASTyle's memory is stored in your browser cache and it's theme's specific, so you can work on different themes without letting their own setups interfere with each other.

Stylesheets quick reordering


Drag and drop stylesheets and reorder them wherever you want. In the current version, stylesheets' order is saved automatically after 4 seconds from the last drop.

Distractions-free mode


Aka: full paging. It allows you to work better by having zero distractions over your coding sessions.

Custom theme


A custom and handmade theme is included to rest your eyes in delight while managing your beloved MyBB board.

Sublime Text keymap


FASTyle adds the popular Sublime Text keymap to CodeMirror: here you can find the complete list of keyboard shortcuts you can use to improve your template and stylesheet management.

Revamped find and replace


A revamped find and replace module for CodeMirror is included. This is one of the hottest features included in FASTyle, as CodeMirror's standard functionality lacks friendliness and it's one of the biggest bottlenecks faced by its users. FASTyle's version works much like any advanced code editor for OSes, persisting on screen after the search, highlighting matches properly and in real-time.

[Image: nwHyxl7.png]

From the original idea of @Eric J.. Thank you Eric.

You can follow FASTyle's development here: FASTyle development.

Installation


To install, simply upload the plugin to your plugins directory and Install & Activate FASTyle from the plugin list.

Upgrade


Uninstall the previous version, replace the old files with the new ones and install the plugin again.


This project is licensed under

MIT


A simple license with little to no use restrictions, except for author's crediting. Read the provided LICENSE file for more informations.

Permissions

Commercial use
Modification
Distribution
Private use
Limitations

Warranty
Liability
Conditions

License notice
Copyright notice
Filename Size Downloads
224.8 KB 116
Senol, Eldenroot, Wildcard And 11 others like this post
Shade 22 Mar 2019
#61
You might need to update your browser’s cache, as versioning is not included (yet). Works fine for me.
Serpius 23 Mar 2019
#62
I can confirm this... after the upgrade to FASTyle 2.1, the scroll bar did not show up UNTIL I did a hard refresh CTRL + F5 and now it is working GREAT!

Good job!
Shade 30 Mar 2019
#63

PUBLIC ADDRESS LOUDSPEAKER FASTyle 2.2 is out


FASTyle 2.2 is now available. This is a bugfix and theming release.

This version includes the following bugfixes:
BUG rollback to 2.0 pertaining scrollbars, which appeared unstyled due to 2.1 changes
SQUARED NEW switch over a light theme, easier on the eyes and more blended with the default ACP theme

To upgrade:
KEYCAP 1 uninstall FASTyle
KEYCAP 2 replace old files with the new ones
KEYCAP 3 install & activate FASTyle again
GXD3S and Eldenroot like this post
effone 3 Apr 2019
#64
Default color stylesheets showing as custom.
If you click `revert` they get removed from default theme ...
Shade 4 Apr 2019
#65
The logic there hasn't been touched since 2.0, so odd that nobody has reported this. It seems I can't reproduce it either, can you elaborate a little more please?
effone 5 Apr 2019
#66
Here is what happens:
Shade 5 Apr 2019
#67
Ah, now I have read it better. Indeed, color specific stylesheets are not officially listed as default, and revert serves as a delete action instead. Nonetheless, you can still delete color-specific stylesheets even in the normal Themes panel: they are not inherited from the default theme, so they are correctly listed as custom. I may rephrase the button for them, but this functionality is the same as MyBB panel provides.
effone 5 Apr 2019
#68
Alright, I have to report some jQ deprecations as well, listing, may post soon. For example:
`main.js`, line 699 `form.submit(function(e) {`
`.submit()` is deprecated, need to use `form.on('submit', function(e) {`
Eldenroot 4 May 2019
#69
@Shade - there is an issue with autocomplete feature, it is quite annoying sometimes (for example when editing some parts of template where you have a lot of tags).

Is possible to add a button or any setting to disable it? One more thing - I cannot see some templates (or template groups) in Fastyle but I can see them in stock MyBB template manager. Scrollbars are still bugged, do not use modern design :(

Thank you buddy!
nick 22 Mar Edited
#70
Hey, I've used this in the past and redownloaded it for a new project. Ctrl+S doesn't save the template and neither does the button? Not sure what's up.

edit: okay, so it does submit the form and the server responds, but it doesn't actually save it and the yellow indicator never disappears.