https://github.com/atmajs/mask-optimizer

Mask minification module and Atma.Toolkit plugin
https://github.com/atmajs/mask-optimizer

Last synced: 6 days ago
JSON representation

Mask minification module and Atma.Toolkit plugin

• Host: GitHub
• URL: https://github.com/atmajs/mask-optimizer
• Owner: atmajs
• Created: 2014-02-16T18:07:11.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2016-04-18T21:09:05.000Z (over 8 years ago)
• Last Synced: 2024-04-14T22:12:06.908Z (7 months ago)
• Language: JavaScript
• Homepage:
• Size: 35.2 KB
• Stars: 1
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
Minify, Combine, Optimize Mask Templates

-----

[![Build Status](https://travis-ci.org/atmajs/mask-optimizer.png?branch=master)](https://travis-ci.org/atmajs/mask-optimizer)

#### What you get?

##### Minifier

```mask

div.fooClass {

	if (user) {

		div {

			i > 'User '

			foo {

				'~[user]'

			}

		}

	}

}

```

```mask

.fooClass>if(user)>div{i>'User 'foo>'~[user]'}

```

##### Builder

```mask

import foo from 'foo.mask';

footer > foo;

```

```mask

module path='foo.mask' {

	define foo {

		span > 'Lorem Ipsum'

	}

}

import foo from 'foo.mask';

footer > foo;

```

##### Custom optimizations and preprocessors

Optimizer itself should be defined in settings so that this library runs all optimizers via the template. For Instance `markdown` plugin can convert Markdown markup to html for better client performance.

```mask

section > :md > """

	### Hello

	_Baz_

"""

```

```mask

section > :html > """

	
Hello

	Baz

"""

```


### Node.js

```

npm install mask-optimizer

```

```javascript

var Optimizer = require('mask-optimizer');

// template string

var minified = Minifier.optimize(template);

// files

Minifier.optimizeFiles(String|Array|Glob files, String|Array output);

Minifier.optimizeFiles('views/foo.mask'); // output in `views/foo.min.mask`

Minifier.optimizeFiles('views/*.mask'); // output in `views/*.min.mask`

Minifier.optimizeFiles('foo.mask', '/release/foo.mask'); 

```

##### Atma.Toolkit Plugin

Use this as a Plugin for `io.File.read` to minify Mask markup

- when building Single-Page Application with the [Atma.Toolkit](https://github.com/atmajs/Atma.Toolkit), all the templates are embedded **and minified** into the resulting output html file.

- when building Atma Server Application, all templates are **minified** and combined into single html file for each Page ID

###### Install plugin localy (for single project)

```

cd my-project

atma plugin install mask-minify

```

##### Install plugin global

```

atma plugin install mask-minify -g

```

> This will install `mask-minify` module from the NPM repository, and will update current `package.json`.

----

:copyright: - 2015 - The Atma.js Project - MIT