tmplits 0.1.3
Install from the command line:
Learn more about npm packages
$ npm install @loupeteam/tmplits@0.1.3
Install via package.json:
"@loupeteam/tmplits": "0.1.3"
About this version
Dynamic templating based on handlebars
This is the core library for the tmplit system
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Make the entire app run from within the node modules folder -->
<base href="./node_modules/">
</head>
<body>
<!-- Begin page content - This is a placeholder that tmplits will load the page into after loading-->
<div class="container" id="main">
</div>
<!-- we require manually loading before the tmplit system handlebars -->
<script src="handlebars/dist/handlebars.min.js" ></script>
<!--Default tmplit setup, you may need to copy this file
into your app and modify it if you have a special case-->
<script src="@loupeteam/tmplits/index.js" type="module"></script>
</body>
</html>Tmplits can be installed using
lpm install tmplits-[tmplitname]
Tmplit system will search for installed tmplits in the order:
- tmplits.json
- package.json
- package-lock.json
The name of the tmplit when installed can be referenced using:
@loupeteam/tmplits-[NameToReference]
The tmplits built are built using handlebars, so you can use them like any handlebars template
If it is a template (Defined in a *.handlebars using html) use
{{> tmplitname}}
If it is a tmplit (Defined in *.js using javascript) use
{{w "CustomTmplit"}}
By default, after loading the tmplit system, the start page will be loaded into the start container. This is defined in the tmplits.json
{
"startPage" : {
"name": "mainLayout", //Template named mainLayout will be loaded into the
"container" : "main", //container named main
},
}Additionally, pages can be loaded by adding a start-page attribute to startPage container
<!DOCTYPE html>
<html lang="en">
...
<body>
<!-- Begin page content - This is a placeholder that tmplits will load the page into after loading-->
<!-- Here we are supplying the start-page to override what is in the tmplits.json file -->
<div class="container" id="main" start-page='myStartPage'>
</div>
...
</body>
</html>## Publishing a new tmplit release
Pushing to main with an updated package.json version will publish automatically using github actions
To manually publish:lpm publish
## Licensing
This project is licensed under the [MIT License]LICENSE.
