# mml

> > The command line tool to build, deploy and manage MML-based applications.

Latest version **1.0.2** (published 2016-05-26) · ISC license · 0 weekly downloads

## Install

```sh
npm install mml
pnpm add mml
yarn add mml
bun add mml
```

Provides the command `mml`.

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2016-05-26 |
| First published | 2016-05-26 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | infinito84 |

## Links

- npm: https://www.npmjs.com/package/mml
- Repository: https://jlhurtadoi@bitbucket.org/infinito84/mml
- Homepage: https://bitbucket.org/infinito84/mml#readme
- npm.io page: https://npm.io/package/mml

## Dependencies (3)

- [exec](https://npm.io/package/exec.md) ^0.2.1
- [async](https://npm.io/package/async.md) ^2.0.0-rc.5
- [xml-parser](https://npm.io/package/xml-parser.md) ^1.2.1

## Recent versions

- 1.0.2 (latest) — 2016-05-26
- 1.0.1 — 2016-05-26
- 1.0.0 — 2016-05-26

## README

# MML

> The command line tool to build, deploy and manage MML-based applications.

Mobile Markup Language for the creation of cross-platform mobile applications


#Installation
In your command-line on Windows:    
```bash    
    c:\> npm install -g mml
```    
    
In your terminal on Mac OS X/Linux:
```bash    
    $sudo npm install -g mml
```

# Creating a new mml project
This simple example demonstrates how can create an project:

```bash
	mml create new_project
	cd mml
	mml prepare ionic
	mml build android
```

# Documentation

Mobile Semantic

Button, checkbox, edittext, form, picture, radiogroup,
ratingbar, seekbar, spinner, text, toggle, dialog, layout,
link, menu, tabs, view

### button:

| Attribute | Definition |
|-----------|---------------|
| id | Provides a unique identifier |
| margin | Distance from each side to the neighboring element |
| padding | Distance between the border and the content of the element |
| status | This Boolean attribute indicates that the user cannot interact with the control  |
| width | It sets the width of the block elements |


```html
  <button
  	id="String"
	margin="em|percentage" 
	padding="em|percentage" 
	status="enabled|disabled" 
	width="em|percentage">
	Text of the button
  </button>
```


### checkbox:

| Attribute | Definition |
|-----------|---------------|
| id | Provides a unique identifier |
| margin | Distance from each side to the neighboring element |
| padding | Distance between the border and the content of the element |
| status | This Boolean attribute indicates that the user cannot interact with the control  |
| width | It sets the width of the block elements |

```html
  <checkbox
	id="String"
	margin="em|percentage" 
	padding="em|percentage" 
	state="enable|disabled"
	alignText="right|left" 
	value="true|false"> 
	Text of the checkbox
  </checkbox>
```

### edittext:

| Attribute | Definition |
|-----------|---------------|
| id | Provides a unique identifier |
| margin | Distance from each side to the neighboring element |
| padding | Distance between the border and the content of the element |
| status | This Boolean attribute indicates that the user cannot interact with the control  |
| width | It sets the width of the block elements |
| multiline | It sets the width of the block elements |
| hint | Specifies a short hint that describes the expected value of a text area |

```html
  <edittext 
	margin="em|percentage" 
	padding="em|percentage" 
	status="enable|disabled" 
	multiline="false|true"
	hint="String"
	width="em|percentage">
	Text of the edittext
  </edittext>
```

### form:

| Attribute | Definition |
|-----------|---------------|
| id | Provides a unique identifier |
| margin | Distance from each side to the neighboring element |
| padding | Distance between the border and the content of the element |
| submit | Function |
| validate | Function |

```html
  <form 
	id="String"
	submit="Function" 
	validate="Function" 
	padding="em|percentage" 
	margin="em|percentage">
	Content of the form
  </form>
```

### picture:

| Attribute | Definition |
|-----------|---------------|
| id | Provides a unique identifier |
| margin | Distance from each side to the neighboring element |
| padding | Distance between the border and the content of the element |
| status | This Boolean attribute indicates that the user cannot interact with the control  |
| align | The align attribute specifies the alignment of an image according to the surrounding element. |
| load | file path |

```html
  <picture
	id="String"
	margin="em|percentage" 
	padding="em|percentage" 
	width="em|percentage" 
	state="enable|disabled"
	align="right|left|center" 
	load="File"> 
  </picture>
```

### picture:

| Attribute | Definition |
|-----------|---------------|
| id | Provides a unique identifier |
| margin | Distance from each side to the neighboring element |
| padding | Distance between the border and the content of the element |
| status | This Boolean attribute indicates that the user cannot interact with the control  |
| align | The align attribute specifies the alignment of an image according to the surrounding element. |
| load | file path |

```html
  <picture
	id="String"
	margin="em|percentage" 
	padding="em|percentage" 
	width="em|percentage" 
	state="enable|disabled"
	align="right|left|center" 
	load="File"> 
  </picture>
```

### radiogroup:

| Attribute | Definition |
|-----------|---------------|
| id | Provides a unique identifier |
| margin | Distance from each side to the neighboring element |
| padding | Distance between the border and the content of the element |
| status | This Boolean attribute indicates that the user cannot interact with the control  |
| align | The align attribute specifies the alignment of an image according to the surrounding element. |
| data | object of options |

```html
  <radiogroup
	margin="em|percentage" 
	padding="em|percentage" 
	status="enable|disabled"
	align="vertical|horizontal"
	data="{'opcion 1' : 1, 'opcion 2' : 2}"
	id="String">
  </radiogroup>
```


### ratingbar:

| Attribute | Definition |
|-----------|---------------|
| id | Provides a unique identifier |
| margin | Distance from each side to the neighboring element |
| padding | Distance between the border and the content of the element |
| value |  |
| length |  |

```html
  <ratingbar
	id="String"
	length="Number"
	value="Number"
	margin="em|percentage" 
	padding="em|percentage" >
  </ratingbar>
```

### seekbar:

| Attribute | Definition |
|-----------|---------------|
| id | Provides a unique identifier |
| margin | Distance from each side to the neighboring element |
| padding | Distance between the border and the content of the element |
| status | This Boolean attribute indicates that the user cannot interact with the control  |
| value |  |
| min |  |
| max |  |

```html
  <seekbar
	margin="em|percentage" 
	padding="em|percentage" 
	status="enable|disabled" 
	id="String"
	min="Number"
	max="Number"
	value="Number">
  </seekbar>
```

### spinner:

| Attribute | Definition |
|-----------|---------------|
| id | Provides a unique identifier |
| margin | Distance from each side to the neighboring element |
| padding | Distance between the border and the content of the element |
| status | This Boolean attribute indicates that the user cannot interact with the control  |
| hint | Specifies a short hint that describes the expected value of a text area |
| data | object of options |

```html
  <spinner
	margin="em|percentage" 
	padding="em|percentage"
	status="enable|disabled"
	data="Array"
	hint="String"
	id="String" >
  </spinner>
```

### text:

| Attribute | Definition |
|-----------|---------------|
| id | Provides a unique identifier |
| margin | Distance from each side to the neighboring element |
| padding | Distance between the border and the content of the element |
| status | This Boolean attribute indicates that the user cannot interact with the control  |
| align | The align attribute specifies the alignment of an text according to the surrounding element. |
```html
  <text
	id="String"
	margin="em|percentage" 
	padding="em|percentage" 
	width="em|percentage" 
	state="enable|disabled"
	align="right|left|center"> 
	The text
  </text>
```


### toggle:

| Attribute | Definition |
|-----------|---------------|
| id | Provides a unique identifier |
| margin | Distance from each side to the neighboring element |
| padding | Distance between the border and the content of the element |
| status | This Boolean attribute indicates that the user cannot interact with the control  |
| alignText |  |
| value |  |

```html
  <toggle
	id="String"
	margin="em|percentage" 
	padding="em|percentage" 
	state="enable|disabled"
	alignText="right|left" 
	value="true|false"> 
	Text of the checkbox
  </toggle>
```

---
_Source: https://npm.io/package/mml · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._