CH5 - Crestron Components library (CrComLib) - Getting Started

See Crestron developer website for documentation

https://www.crestron.com/developer
Search for CRESTRON HTML5 USER INTERFACE

Generated folders

- build_bundles/_module_type_ - contains files generated by webpack (and the typescript compiler for the esm modules)
- compiled_bundles/_module_type_ - contains files generated by the typescript compiler (tsc)
- docs/html

Where _module_type_ is:

- umd - UMD (contains CommonJs, AMD, and also creates a global property in the window object).
- cjs - CommonJs
- esm - ES Modules, ES6.
- amd - Asynchronous Module Definition

Activating extra information in the browser console

$3

Ch5 components will display additional info in the browser console if they have a debug attribute defined. For example:
```

$3

Additional information will be displayed in the browser console if the element has a debug attribute. For example:
`

``

$3

In order to display additional information, you must first enable this using the methods from Ch5Debug:
* getConfig - Returns the current configuration: all keys that can be set and their current value. A key enables debug info
for a method/function
* loadConfig(cfg) - Loads a new config (replaces the previous one)
* enableAll() - Enables all keys. Will display all debug info available. (The debug info that uses Ch5Debug, the info
from ch5 components, and custom attributes will not be affected)
* disablesAll() - Disables all keys
* setConfigKeyValue(key:string, value:boolean) - Changes the value of a key

$3

npm run build:dev:umd

$3

npm run test:wct

$3

npm run start

$3

http://localhost:3000/?ipId=0x99&host=10.0.0.203

What's New

Updates to the Crestron HTML5 User Interface and documentation are avalilable in the following link
https://sdkcon78221.crestron.com/sdk/Crestron_HTML5UI/Content/Topics/Whats-New.htm

$3

cd crestron-components-lib
npm link

cd CH5Sandbox\shell-template\
npm link @crestron/ch5-crcomlib