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.
$ 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
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.
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>
any child elements or text like this:
<component>
child
</component>
are passed onto the { children } variable
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 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
You can download packages or multiple components from the source like this:
$ delta-cli install <component>
FAQs
Delta CLI is depricated, checkout Ace-CLI: https://www.npmjs.com/package/ace-clir
We found that delta-cli demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Multiple high-impact npm maintainers confirm they have been targeted in the same social engineering campaign that compromised Axios.
Security News
Axios compromise traced to social engineering, showing how attacks on maintainers can bypass controls and expose the broader software supply chain.
Security News
Node.js has paused its bug bounty program after funding ended, removing payouts for vulnerability reports but keeping its security process unchanged.