# delta-cli

> Delta CLI is depricated, checkout Ace-CLI: https://www.npmjs.com/package/ace-clir

Latest version **1.1.2** (published 2021-12-25) · ISC license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install delta-cli
pnpm add delta-cli
yarn add delta-cli
bun add delta-cli
```

Provides the command `delta-cli`.

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.1.2 |
| Published | 2021-12-25 |
| First published | 2021-12-09 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 13.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | developer_mayukh |

## Links

- npm: https://www.npmjs.com/package/delta-cli
- npm.io page: https://npm.io/package/delta-cli

## Dependencies (6)

- [jsdom](https://npm.io/package/jsdom.md) ^19.0.0
- [colors](https://npm.io/package/colors.md) ^1.4.0
- [express](https://npm.io/package/express.md) ^4.17.1
- [copy-dir](https://npm.io/package/copy-dir.md) ^1.3.0
- [commander](https://npm.io/package/commander.md) ^8.3.0
- [delta-cli](https://npm.io/package/delta-cli.md) ^1.0.10

## Recent versions

- 1.1.2 (latest) — 2021-12-25
- 1.1.1 — 2021-12-14
- 1.1.0 — 2021-12-10
- 1.0.19 — 2021-12-10
- 1.0.18 — 2021-12-10
- 1.0.17 — 2021-12-10
- 1.0.16 — 2021-12-10
- 1.0.15 — 2021-12-10
- 1.0.14 — 2021-12-10
- 1.0.13 — 2021-12-10
- 1.0.12 — 2021-12-09
- 1.0.11 — 2021-12-09
- 1.0.10 — 2021-12-09
- 1.0.9 — 2021-12-09
- 1.0.8 — 2021-12-09
- … 8 more at https://npm.io/package/delta-cli/versions

## README

# Welcome to Delta Cli!

Delta CLI is depricated, checkout Ace-CLI: https://www.npmjs.com/package/ace-clir

Delta is a CLI toolkit that helps you build static websites
with reusable components which are rendered beforehand

This project is helpful especially when you do not
need to overkill and go for heavy frameworks.

## Get Started by a starting template:

```$ delta-cli create <name>```

will create your app

To build your app, simply use

```$ delta-cli build```

or

```$ delta-cli server``` 

to watch for changes

## How does delta works?

Delta works by simply creating components separately which
reduces a lot of redundant code, and speeding up process.

To create a component, simply create a html file with any name (Without space) inside the components folder

eg. components/hello.html

Now you can use the tag

```<hello></hello>```  inside the page and other components.

## Variables

you can pass variables like this:

```<hello name="value"></hello>``` 

and you can use the variable inside the html like this:

inside hello.html:

```<h1>{ name }</h1>```

## Children

any child elements or text like this:

```
<component>
    child
</component>
``` 

are passed onto the { children } variable

## templates

You can re-use a template for stuff like CDN, for which
before you had to add the CDN to each page separatly, you
can do it from one single template.

Templates also accept arguments like components.

To create a template, create a html file of any name without space inside the templates folder

eg. templates/basic.html

Now to use a template inside of a page, simply use
the template file name as a tag and put all the
children inside.

in templates/basic.html

```
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{ title }</title>
</head>
<body>
    { children }
</body>
</html>
```

in pages/index.html

```
<basic title="Hello World">
    <div>
        Hello World
    </div>
</basic>
```

NOTE: If you are using the template tag and write something
outside the template tag, the outside content will get overriden

NOTE: Do not name the template as default tags, like div or template
because it will cause document conflicts and will not result in
proper formatting

## Static Files

Static files are stored in the static folder and
are referenced using

```ref="./static/filename"```

The static files are managed automatically and does not
need manual configuration whatsoever

## Packages (Coming Soon)

You can download packages or multiple components
from the source like this:

```$ delta-cli install <component>```

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