tunecamp 1.0.0

package/templates/default/index.hbs

@@ -0,0 +1,188 @@
+<div class="container">
+  {{#if artist}}
+  <section class="artist-section">
+    <div class="artist-header">
+      {{#if artist.photo}}
+      <img src="{{path artist.photo}}" alt="{{artist.name}}" class="artist-photo">
+      {{/if}}
+      <div class="artist-info">
+        <h2>{{artist.name}}</h2>
+        {{#if artist.bio}}
+        <p class="artist-bio">{{artist.bio}}</p>
+        {{/if}}
+      </div>
+    </div>
+  </section>
+  {{/if}}
+
+  <section class="releases-section">
+    <h2>Releases</h2>
+    
+    <!-- Search and Filter Controls -->
+    <div class="releases-controls">
+      <div class="search-box">
+        <i class="fas fa-search"></i>
+        <input type="text" id="searchInput" placeholder="Search releases..." autocomplete="off">
+      </div>
+      
+      <div class="filter-controls">
+        <select id="genreFilter" class="filter-select">
+          <option value="">All Genres</option>
+        </select>
+        
+        <select id="sortBy" class="filter-select">
+          <option value="date-desc">Newest First</option>
+          <option value="date-asc">Oldest First</option>
+          <option value="title-asc">Title A-Z</option>
+          <option value="title-desc">Title Z-A</option>
+        </select>
+      </div>
+    </div>
+    
+    {{#if releases}}
+    <div class="releases-grid" id="releasesGrid">
+      {{#each releases}}
+      <article class="release-card" 
+               data-title="{{config.title}}" 
+               data-date="{{config.date}}"
+               data-genres="{{#if config.genres}}{{join config.genres ","}}{{/if}}"
+               data-description="{{config.description}}">
+        <a href="{{path url}}" class="release-link">
+          {{#if coverUrl}}
+          <div class="release-cover">
+            <img src="{{path coverUrl}}" alt="{{config.title}}" loading="lazy">
+          </div>
+          {{else}}
+          <div class="release-cover release-cover-placeholder">
+            <i class="fas fa-music"></i>
+          </div>
+          {{/if}}
+          
+          <div class="release-info">
+            <h3 class="release-title">{{config.title}}</h3>
+            <p class="release-date">{{formatDate config.date}}</p>
+            
+            {{#if config.genres}}
+            <div class="release-genres">
+              {{#each config.genres}}
+              <span class="genre-tag">{{this}}</span>
+              {{/each}}
+            </div>
+            {{/if}}
+            
+            <p class="release-tracks-count">
+              {{tracks.length}} track{{#unless (eq tracks.length 1)}}s{{/unless}}
+            </p>
+            
+            {{#if config.download}}
+            <div class="release-download-badge">
+              {{#if (eq config.download "free")}}
+              <i class="fas fa-download"></i> Free Download
+              {{else if (eq config.download "paycurtain")}}
+              <i class="fas fa-dollar-sign"></i> Pay What You Want
+              {{else if (eq config.download "codes")}}
+              <i class="fas fa-key"></i> Download Codes
+              {{/if}}
+            </div>
+            {{/if}}
+          </div>
+        </a>
+      </article>
+      {{/each}}
+    </div>
+    
+    <p class="no-results" id="noResults" style="display: none;">No releases match your search.</p>
+    {{else}}
+    <p class="no-releases">No releases yet. Check back soon!</p>
+    {{/if}}
+  </section>
+</div>
+
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  const searchInput = document.getElementById('searchInput');
+  const genreFilter = document.getElementById('genreFilter');
+  const sortBy = document.getElementById('sortBy');
+  const releasesGrid = document.getElementById('releasesGrid');
+  const noResults = document.getElementById('noResults');
+  
+  if (!releasesGrid) return;
+  
+  const releaseCards = Array.from(releasesGrid.querySelectorAll('.release-card'));
+  
+  // Populate genre filter
+  const allGenres = new Set();
+  releaseCards.forEach(card => {
+    const genres = card.dataset.genres;
+    if (genres) {
+      genres.split(',').forEach(g => allGenres.add(g.trim()));
+    }
+  });
+  
+  Array.from(allGenres).sort().forEach(genre => {
+    const option = document.createElement('option');
+    option.value = genre;
+    option.textContent = genre;
+    genreFilter.appendChild(option);
+  });
+  
+  function filterAndSort() {
+    const searchTerm = searchInput.value.toLowerCase();
+    const selectedGenre = genreFilter.value;
+    const sortValue = sortBy.value;
+    
+    // Filter
+    let visibleCards = releaseCards.filter(card => {
+      const title = (card.dataset.title || '').toLowerCase();
+      const description = (card.dataset.description || '').toLowerCase();
+      const genres = card.dataset.genres || '';
+      
+      const matchesSearch = !searchTerm || 
+        title.includes(searchTerm) || 
+        description.includes(searchTerm);
+      
+      const matchesGenre = !selectedGenre || 
+        genres.split(',').map(g => g.trim()).includes(selectedGenre);
+      
+      return matchesSearch && matchesGenre;
+    });
+    
+    // Sort
+    visibleCards.sort((a, b) => {
+      switch (sortValue) {
+        case 'date-desc':
+          return new Date(b.dataset.date) - new Date(a.dataset.date);
+        case 'date-asc':
+          return new Date(a.dataset.date) - new Date(b.dataset.date);
+        case 'title-asc':
+          return (a.dataset.title || '').localeCompare(b.dataset.title || '');
+        case 'title-desc':
+          return (b.dataset.title || '').localeCompare(a.dataset.title || '');
+        default:
+          return 0;
+      }
+    });
+    
+    // Apply visibility and order
+    releaseCards.forEach(card => {
+      card.style.display = 'none';
+      card.style.order = '';
+    });
+    
+    visibleCards.forEach((card, index) => {
+      card.style.display = '';
+      card.style.order = index;
+    });
+    
+    // Show/hide no results message
+    if (noResults) {
+      noResults.style.display = visibleCards.length === 0 ? 'block' : 'none';
+    }
+  }
+  
+  searchInput.addEventListener('input', filterAndSort);
+  genreFilter.addEventListener('change', filterAndSort);
+  sortBy.addEventListener('change', filterAndSort);
+});
+</script>
+

package/templates/default/layout.hbs

@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="{{catalog.language}}" data-theme="dark">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{#if pageTitle}}{{pageTitle}} - {{/if}}{{catalog.title}}</title>
+  {{#if catalog.description}}
+  <meta name="description" content="{{catalog.description}}">
+  {{/if}}
+  <!-- Tunecamp Metadata (for community registry) -->
+  <meta name="generator" content="Tunecamp 0.1.0">
+  <meta name="tunecamp-title" content="{{catalog.title}}">
+  {{#if artist}}
+  <meta name="tunecamp-artist" content="{{artist.name}}">
+  {{/if}}
+  <!-- RSS/Atom Feeds -->
+  <link rel="alternate" type="application/rss+xml" title="{{catalog.title}} RSS Feed" href="{{assetPath 'feed.xml'}}">
+  <link rel="alternate" type="application/atom+xml" title="{{catalog.title}} Atom Feed" href="{{assetPath 'atom.xml'}}">
+  {{#if catalog.customFontUrl}}
+  <link rel="stylesheet" href="{{catalog.customFontUrl}}">
+  {{/if}}
+  <link rel="stylesheet" href="{{assetPath "assets/style.css"}}">
+  {{#if catalog.customFontFamily}}
+  <style>
+    :root {
+      --custom-font-family: '{{catalog.customFontFamily}}', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
+    }
+    body {
+      font-family: var(--custom-font-family);
+    }
+  </style>
+  {{/if}}
+  {{#if catalog.customCSSUrl}}
+  {{#if (or (startsWith catalog.customCSSUrl "http://") (startsWith catalog.customCSSUrl "https://"))}}
+  <link rel="stylesheet" href="{{catalog.customCSSUrl}}">
+  {{else}}
+  <link rel="stylesheet" href="{{path catalog.customCSSUrl}}">
+  {{/if}}
+  {{/if}}
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+  <script>
+    // Initialize theme from localStorage or system preference
+    (function () {
+      const saved = localStorage.getItem('theme');
+      if (saved) {
+        document.documentElement.setAttribute('data-theme', saved);
+      } else if (window.matchMedia('(prefers-color-scheme: light)').matches) {
+        document.documentElement.setAttribute('data-theme', 'light');
+      }
+    })();
+  </script>
+</head>
+
+<body>
+  <header class="site-header">
+    <div class="container">
+      {{#if catalog.headerImageUrl}}
+      <div class="header-image-wrapper">
+        <div class="site-header-image">
+          <a href="{{#if backUrl}}{{path backUrl}}{{else}}{{path "index.html"}}{{/if}}">
+            <img src="{{path catalog.headerImageUrl}}" alt="{{catalog.title}}" class="header-image">
+          </a>
+        </div>
+      </div>
+      {{else}}
+      <div class="header-row">
+        <h1 class="site-title">
+          <a href="{{#if backUrl}}{{path backUrl}}{{else}}{{path "index.html"}}{{/if}}">{{catalog.title}}</a>
+        </h1>
+      </div>
+      {{/if}}
+      {{#if catalog.description}}
+      {{#unless catalog.headerImageUrl}}
+      <p class="site-description">{{catalog.description}}</p>
+      {{/unless}}
+      {{/if}}
+    </div>
+  </header>
+
+  <main class="site-main">
+    {{{content}}}
+  </main>
+
+  <footer class="site-footer">
+    <div class="container">
+      <p>
+        {{#if artist}}
+        &copy; {{artist.name}} -
+        {{/if}}
+        Powered by <a href="https://github.com/scobru/tunecamp" target="_blank">Tunecamp</a>
+      </p>
+      {{#if artist.links}}
+      <div class="social-links">
+        {{#each artist.links}}
+        {{#each this}}
+        <a href="{{this}}" target="_blank" rel="noopener" class="social-link">
+          <i class="fab fa-{{@key}}"></i>
+        </a>
+        {{/each}}
+        {{/each}}
+      </div>
+      {{/if}}
+    </div>
+  </footer>
+
+  <script src="{{assetPath "assets/player.js"}}"></script>
+
+  <!-- Interactive Theme Widget -->
+  <script src="{{assetPath "assets/theme-widget.js"}}"></script>
+
+  <!-- Tunecamp Community Registry (auto-registers site) -->
+  <script src="https://cdn.jsdelivr.net/npm/gun/gun.js"></script>
+  <script src="{{assetPath "assets/community-registry.js"}}"></script>
+</body>
+
+</html>