const chuck = new Chuck();

const template = `
<div class="user-profile">
  <h1>{{ it.user.name | upper }}</h1>

  {% if it.user.isActive %}
    <span class="badge active">{{ it.user.status | capitalize }}</span>
  {% else %}
    <span class="badge inactive">Inactive</span>
  {% endif %}

  <div class="stats">
    <p>Posts: {{ it.user.posts | length }}</p>
    <p>Joined: {{ it.user.joinDate | default('Unknown') }}</p>
  </div>

  {% if it.user.posts | length > 0 %}
    <h2>Recent Posts</h2>
    <ul>
      {% for post in posts %}
        <li>
          <strong>{{ post.title | trim }}</strong>
          <small>({{ post.views | default(0) }} views)</small>
          {% if post.featured %}
            <span class="featured">⭐ Featured</span>
          {% endif %}
        </li>
      {% endfor %}
    </ul>
  {% else %}
    <p>No posts yet.</p>
  {% endif %}
</div>
`;

const result = chuck.renderString(template, {
  user: {
    name: 'john doe',
    isActive: true,
    status: 'verified',
    joinDate: '2024-01-15',
    posts: [
      { title: '  My First Post  ', views: 42, featured: true },
      { title: 'Another Article', views: null, featured: false }
    ]
  },
  posts: [
    { title: '  My First Post  ', views: 42, featured: true },
    { title: 'Another Article', views: null, featured: false }
  ]
});

const chuck = new Chuck();

// Simple filter
chuck.addFilter('reverse', (text) => {
  return String(text).split('').reverse().join('');
});

// Filter with arguments
chuck.addFilter('repeat', (text, times) => {
  return String(text).repeat(times);
});

// Advanced filters
chuck.addFilter('slugify', (text) => {
  return String(text)
    .toLowerCase()
    .replace(/[^\w\s-]/g, '')
    .replace(/[\s_-]+/g, '-')
    .replace(/^-+|-+$/g, '');
});

chuck.addFilter('currency', (value, symbol = '$', decimals = 2) => {
  return symbol + parseFloat(value).toFixed(decimals);
});

// Usage in templates
chuck.renderString('{{ it.title | slugify }}', { title: 'Hello World!' });
// Output: "hello-world"

chuck.renderString('{{ it.price | currency("€") }}', { price: 19.99 });
// Output: "€19.99"

// Add custom filter
chuck.addFilter(name, function);

// Check if filter exists
chuck.hasFilter(name);

// Get filter function
chuck.getFilter(name);

// Remove filter
chuck.removeFilter(name);

const chuck = new Chuck();

// Register multiple custom filters
chuck.addFilter('excerpt', (text, length = 100) => {
  return text.length > length ? text.substring(0, length) + '...' : text;
});

chuck.addFilter('fileSize', (bytes) => {
  const sizes = ['Bytes', 'KB', 'MB', 'GB'];
  if (bytes === 0) return '0 Bytes';
  const i = Math.floor(Math.log(bytes) / Math.log(1024));
  return Math.round(bytes / Math.pow(1024, i) * 100) / 100 + ' ' + sizes[i];
});

// Use in complex template
const template = `
<article>
  <h1>{{ it.title | upper }}</h1>
  <p>{{ it.content | excerpt(150) }}</p>
  <small>Size: {{ it.fileSize | fileSize }}</small>
</article>
`;

const result = chuck.renderString(template, {
  title: "my blog post",
  content: "Lorem ipsum dolor sit amet...",
  fileSize: 1048576
});