Giter Site home page Giter Site logo

frankz / brackets-wssanitizer Goto Github PK

View Code? Open in Web Editor NEW

This project forked from miguelcastillo/brackets-wssanitizer

0.0 2.0 0.0 1.01 MB

White Space Sanitizer for Brackets will help you keep your sanity by keeping your white spaces and tabs consistent

License: MIT License

JavaScript 94.89% HTML 5.11%

brackets-wssanitizer's Introduction

White Space Sanitizer

Bring sanity to your code by keeping your indentation (spaces and tabs) consistent; the white space sanitizer.

White Space Sanitizer goes well with Show Whitespace.

Features

  • Trims trailing white spaces
  • Ensures newline at the end of the file
  • Uses Brackets preferences for tabs and spaces, including configured units (2 spaces, 4 spaces, etc.)
  • Gracefully handles mixed tabs and spaces
  • Sanitize on file save
  • Sanitize on file open

Options

  • brackets-wsSanitizer.autosave [true] - Setting to automatically sanitize and save corrections on document save. If disabled, the conversion will need to be manually initiated via the notification bar.
  • brackets-wsSanitizer.enabled [true] - Setting to enable/disable sanitizing documents.
  • brackets-wsSanitizer.newline [true] - Setting to enable/disable adding a new line at the end of the file.
  • brackets-wsSanitizer.notification [true] - Setting to enable/disable notifications when the current document has inconsistent tabs, spaces, or no new line at the end of the file.

Brackets Preferences

White Space Sanitizer leverages Brackets preferences, which means that you can specify per project settings by defining a .brackets.json in the root directory of your project. With Brackets preferences you can even define per file settings, which is really handy when dealing with third party libraries that may have different white space requirements than the rest of your project.

White Space Sanitizer also support per language settings, which enables you to enable/disabled sanitizing your documents using the Brackets language layer. For more information on the preferences system, you can read up on this link.

The sample .brackets.json below enables White Space Sanitizer for every file, with indentation of 2 white spaces. The configuration file also defines a path that disables White Space Sanitizer for sanitize.js, uses tabs, and each tab is 4 spaces. Furthermore, you will be asked if you want to sanitize your documents when you open them.

Brackets per file settings cannot be configured as a user preference (globally); they can only be configured at the project level (project preference). Please read this issue for details.

.brackets.json with path settings

{
    "spaceUnits": 2,
    "useTabChar": false,
    "brackets-wsSanitizer.enabled": true,
    "brackets-wsSanitizer.newline": true,
    "brackets-wsSanitizer.notification": true,
    "path": {
        "Brackets-wsSanitizer/src/sanitize.js": {
            "useTabChar": true,
            "tabSize": 4,
            "brackets-wsSanitizer.enabled": false
        }
    }
}

.brackets.json with language settings

{
    "language": {
        "javascript": {
            "useTabChar": false,
            "tabSize": 4,
            "spaceUnits": 4,
            "brackets-wsSanitizer.enabled": true,
            "brackets-wsSanitizer.notification": true
        },
        "json": {
            "useTabChar": false,
            "tabSize": 4,
            "spaceUnits": 4,
            "brackets-wsSanitizer.enabled": false,
            "brackets-wsSanitizer.newline": false,
            "brackets-wsSanitizer.notification": true
        }
    }
}

For more information on Brackets preferences, please checkout this example.

How to...

Enable/Disable: enable/disable ss

Notification: enable/disable ss

Credits

Thanks to Dimitar Bonev for his work on whitespace normalizer

brackets-wssanitizer's People

Contributors

miguelcastillo avatar sprintr avatar rvarbanov avatar joepie91 avatar wormeyman avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.