json2html

const json2html = require('node-json2html');

import json2html from 'node-json2html';
const { render, component } = json2html;

const json2html = require('node-json2html');

// Basic template rendering
const data = [
  {"name": "Sasha", "age": 27},
  {"name": "Bobby", "age": 45}
];

const template = {
  "<>": "li", 
  "html": [
    {"<>": "span", "text": "${name} (${age} years old)"}
  ]
};

const html = json2html.render(data, template);
console.log(html);
// Output: <li><span>Sasha (27 years old)</span></li><li><span>Bobby (45 years old)</span></li>

/**
 * Renders JSON object to HTML string using template
 * @param {object|string} obj - JSON object, array, or JSON string to render
 * @param {object} template - json2html template (object/array/JSON string)
 * @param {object} [options] - Optional configuration
 * @param {object} [options.props] - Properties for template rendering
 * @param {object} [options.components] - Local component definitions
 * @param {string} [options.output="html"] - Output type: "html" or "ihtml"
 * @returns {string|iHTML} Rendered HTML string or iHTML object
 */
function render(obj, template, options);

/**
 * Add a single component or multiple components
 * @param {string|object} name - Component name or object with name:template pairs
 * @param {object} [template] - Template object (required when name is string)
 */
function add(name, template);

/**
 * Retrieve a component template by name
 * @param {string} name - Component name
 * @returns {object|undefined} Component template or undefined if not found
 */
function get(name);

/**
 * Render template and append/prepend/replace DOM element content
 * @param {object} obj - JSON object to render
 * @param {object} template - json2html template
 * @param {object} [options] - Options including method: "append", "prepend", "replace"
 * @returns {Element} The element for chaining
 */
Element.prototype.json2html(obj, template, options);

/**
 * jQuery version of render with DOM manipulation
 * @param {object} obj - JSON object to render
 * @param {object} template - json2html template
 * @param {object} [options] - Options including method for DOM insertion
 * @returns {jQuery} jQuery object for chaining
 */
$.fn.json2html(obj, template, options);

/**
 * Encodes HTML string to text by escaping HTML entities
 * @param {string} html - HTML string to encode
 * @returns {string} Text with HTML entities escaped
 */
function toText(html);

/**
 * Hydrates DOM elements with their events and update triggers
 * @param {Element|Element[]} parent - Element(s) to hydrate
 * @param {object} events - Event handlers object
 * @param {object} triggers - Update triggers object
 * @returns {object} this for chaining
 */
function hydrate(parent, events, triggers);

/**
 * Triggers component update by ID
 * @param {string} id - ID of component to update
 * @param {object} [obj] - Optional object to use for update
 */
function refresh(id, obj);

/**
 * Interactive HTML object that contains HTML and associated events/triggers
 */
class iHTML {
  constructor(html);
  
  /** HTML content string */
  html: string;
  
  /** Associated event handlers */
  events: object;
  
  /** Associated update triggers */
  triggers: object;
  
  /**
   * Append another iHTML object or HTML string
   * @param {iHTML|string} obj - Object to append
   * @returns {iHTML} This object for chaining
   */
  append(obj): iHTML;
  
  /**
   * Append HTML string to content
   * @param {string} html - HTML string to append
   * @returns {iHTML} This object for chaining
   */
  appendHTML(html): iHTML;
  
  /**
   * Returns object representation
   * @returns {object} Object with html, events, and triggers
   */
  toJSON(): object;
}