# Създаване и изпълнение на индиентен сървър компонент

> Компилирайте доверяван Total.js компонент HTML, създавайте пример, валидирате съобщения, пренареждайте и пуснете ресурсите му.

Framework: total5
Product: Total.js 5 (total5@0.0.19)
Language: bg
Content-SHA256: c1472197aa9ad452ef63597b8d59999d06ef8d2e93b826a051a0b0a070f90503
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: total5-installed@total5@0.0.19
Review: not-recorded

`NEWCOMPONENT(html, [callback])` компилира **сървърен компонент**, различен от jComponent в браузъра. Приема изходен текст, съдържащ `<script total>` или `<script node>`; без callback връща promise. Име зарежда `components/<name>.html`; URL изтегля изходния код. Тази рецепта използва само доверен inline код, без отдалечен източник и npm декларации.

Експортираният компонент предоставя метаданни, стойности по подразбиране за `config` и `make(instance,config)`. `component.create(overrides)` създава инстанция с клонирани стойности по подразбиране. Декларирайте `inputs:[{id,schema}]` за трансформация на входа. `instance.input(inputId,data,callback)` доставя съобщение, чиито `.data` и `.error` отразяват валидацията на схемата. **Обработчикът се изпълнява въпреки това при невалиден вход**, затова проверете `message.error` преди обработка. `message.send(outputId,data)` излъчва изход; `message.destroy()` го прекратява.

`instance.reconfigure(values)` актуализира конфигурацията си и нарича конфигуриране/спасяване на хълмове. `instance.remove()` нарича жизнения цикъл хълма и премахва случая; `component.remove()` изтрива всички случаи и призовава за деинсталиране.

```js controllers/components.js
exports.install = function() {
	ROUTE('GET /native-component/', exercise);
};
async function exercise($) {
	try {
		var source = '<script total>exports.id="native-echo";exports.name="Native echo";exports.config={prefix:"one:"};exports.inputs=[{id:"input",schema:"*name:String"}];exports.make=function(instance,config){instance.message=function($){if($.error){$.send("invalid",{invalid:true});$.destroy();return;}$.send("output",{text:config.prefix+$.data.name});$.destroy();};instance.destroy=function(){MAIN.componentClosed=true;};};</script>';
		var component = await NEWCOMPONENT(source);
		component.debugger = false;
		var instance = component.create();
		var first = await new Promise(resolve => instance.input('input',{name:'Ann'},message => resolve(message.data)));
		var invalid = await new Promise(resolve => instance.input('input',{},message => resolve(message.data)));
		instance.reconfigure({prefix:'two:'});
		var second = await new Promise(resolve => instance.input('input',{name:'Bob'},message => resolve(message.data)));
		instance.remove();
		var rejected = false;
		try { await NEWCOMPONENT('<body>no backend script</body>'); } catch (e) { rejected = true; }
		$.json({first:first,invalid:invalid,second:second,remaining:component.instances.length,closed:MAIN.componentClosed,rejected:rejected});
	} catch (e) { $.invalid(e); }
}
```
