1.2.5 • Published 2 years ago
@dsplay/template-utils v1.2.5
@dsplay/template-utils
A helper library for working with custom templates in DSPLAY
Installation
ES Module
npm i -S @dsplay/template-utils
UMD
<script src="https://unpkg.com/@dsplay/template-utils"></script>
Usage
ES Module
Follows a simple React example (easily adaptable for inferior technologies :P)
import {
// values
media, // current media
config, // player configuration
template, // custom template values
// utility functions
tval, // custom template string value
tbval, // custom template boolean value
tival, // custom template int value
tfval, // custom template float value
isVertical, // boolean flag to indicate screen orientation
} from '@dsplay/template-utils';
...
function MyComponent() {
return (
<div>
<p>
Media:
<pre>{JSON.stringify(media, null, 4)}</pre>
</p>
<p>
Config:
<pre>{JSON.stringify(config, null, 4)}</pre>
</p>
<p>
Template:
<pre>{JSON.stringify(template, null, 4)}</pre>
</p>
<p>String: {tval('title', 'Default Value')}</p>
<p>Boolean: {tbval('expanded', true) ? 'Yes' : 'No'}</p>
<p>Int: {tival('page_size', 10)}</p>
<p>Double: {tfval('rate', .75)}</p>
<p>Vertical?: {isVertical ? 'Yes' : 'No'}</p>
</div>
)
}
UMD
// dsplayTemplateUtils var is exported by UMD module.
var fontSize = dsplayTemplateUtils.tval('base_font_size', '1.5em');
console.log(fontSize);
var titleOpacity = dsplayTemplateUtils.tfval('title_opacity', 1);
console.log(titleOpacity);
1.2.0
2 years ago
1.2.5
2 years ago
1.2.4
2 years ago
1.2.3
2 years ago
1.2.2
2 years ago
1.2.1
2 years ago
1.1.9
4 years ago
1.1.10
4 years ago
1.1.8
4 years ago
1.1.7
4 years ago
1.1.6
4 years ago
1.1.5
4 years ago
1.1.4
4 years ago
1.1.3
4 years ago
1.1.1
4 years ago
1.1.0
4 years ago
1.1.2
4 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago
0.1.4
6 years ago
0.1.3
6 years ago
0.1.2
6 years ago
0.1.1
6 years ago
0.1.0
6 years ago