FASTyle 2.3

FASTyle is an all-in-one suite which dramatically improves and speeds up assets management, including templates, stylesheets and javascripts. FASTyle is equipped with a powerful editor and asset manager, giving you fine control over theming development in a single browser tab.

Minimum requirements

PHP 5.4
MyBB 1.8.0
664 chmod on [admin dir]/modules/style/themes.php

Features

FASTyle integrates directly within the themes and templates modules. Hence, it will open straight away when you click on a theme or template set.

AJAXed interface

FASTyle is built with speed in mind; every action 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.



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

Semantic template listing

Struggling to find that particular template you want to edit? Fear no more. FASTyle displays templates semantically, with a parent > child structure you'll love. And the search bar is always there to help you anytime you need.

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.

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.

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.

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.



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

Thanks for this plugin, Shade. I cannot express how valuable this plugin is to me in terms. The amount of time saved is enormous, especially when creating themes. I have about twelve copies of this plugin installed on all of my test forums. :D

@Shade - Hi, your last version 1.5 is amazing, I have been testing for last 3 days - no issue with saving templates so far!

Anyway, there is one issue - when you wanna save anything in ACP -> this is shown in the right top corner (settings is saved, but the note is still here). No issue with v1.4.


Btw - it makes no sense to me - the settings is disabled, it shows a note that it is enabled... nope, it is not :)

This plugin has a bug...
I put version 1.5.... i have a mysql error user_max_connections at 08:00 AM. Same error everyday for 5 minutes.
In 1.4 this error doesn't exist
Yestarday i remove plugin FastStyle 1.5 and the error doesn't appear...
Only with this plugin the error exist...it's a problem with plugin...please solve that...version 1.4 is better then 1.5

Never experienced anything like this. I would say this is an issue with your server, but I'll wait for other similar feedbacks.

I will contact my host for increase max_user_conections i guess

FASTyle 1.6.1 is out

To see the changelog, see FASTyle development.

This release introduces even quicker templates editing.



From version 1.6 onwards, FASTyle is equipped with a quick templates editing functionality which lets you open multiple templates into a single page and switch between them. You can open templates within the same template set by selecting it from the quick jump selectbox and waiting for it to properly load. Tabs are added above the textarea:

• a bolder appearance indicates the tab is currently opened;
  
• a yellow bottom border with an asterisk mark (*) before the template name indicates the template has unsaved changed;
  
• the red "x" mark closes the template. It will be reloaded from the database if it's opened again in the same session.

Your editing session is saved locally in your browser and opened templates are opened again when you browse back to a new template editing page. Combined with the CTRL/CMD+S shortcut, editing templates now becomes something enjoyable by everyone and fast as light.

On GitHub you will find FASTyle's development version which now features new keyboard shortcuts:

• CTRL/CMD + S = save templates or stylesheets
  
• CTRL/CMD + F = open the template search selectbox*
  
• ALT + W = close current template tab

*the associated browser shortcut (e.g. in Chrome/FF/Safari = find in page) is shifted to the closest character to the "F" one, meaning that CTRL/CMD + G will be the new "find in page" feature in pages where FASTyle is enabled.

It also adds a confirmation dialog to close unsaved templates and a nicer look and feel to the quick template editor.

Awesome :) Now I won't have to keep 20 template editor tabs open in my browser

Exactly. I have not added any upper limit to the number of templates you can handle in a browser page, since in my tests I haven't encountered any performance issues. The latest version from GitHub contains styling fixes to handle as many tabs as possible, a "close all tabs" button to wipe out all the opened tabs at once and minor enhancements.

FASTyle 1.7 is out

To see the changelog, see FASTyle development.

This release fixes bugs in the new quick templates manager and introduces 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.