npm - heraspec - Versions diffs - 0.1.12 → 0.1.14 - Mend

heraspec 0.1.12 → 0.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (129) hide show

package/dist/core/templates/skills/documents/templates/documentation-landing-page.html CHANGED Viewed

@@ -1,63 +1,63 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{title}} - Welcome</title>
-    <link rel="stylesheet" href="landing-style.css">
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
-</head>
-<body>
-    <nav class="navbar">
-        <div class="container">
-            <span class="logo">{{title}}</span>
-            <div class="nav-links">
-                <a href="#features">Features</a>
-                <a href="documentation.html" class="btn-primary">View Docs</a>
-            </div>
-        </div>
-    </nav>
-    <header class="hero">
-        <div class="container hero-content">
-            <!-- AI: Design a unique Hero section with high-impact text -->
-            <h1 class="fade-in">{{title}}</h1>
-            <p class="fade-in delay-1">{{description}}</p>
-            <div class="hero-btns fade-in delay-2">
-                <a href="documentation.html" class="btn-primary btn-lg">Get Started</a>
-                <a href="#features" class="btn-outline btn-lg">Learn More</a>
-            </div>
-        </div>
-    </header>
-    <!-- AI: Construct a Problem vs Solution / Value Prop section here if needed -->
-    <section id="features" class="features">
-        <div class="container">
-            <h2 class="section-title">Why Choose {{title}}?</h2>
-            <!-- AI: Dynamically create feature showcase based on project specs -->
-            <div class="feature-grid">
-                {{feature_cards}}
-            </div>
-        </div>
-    </section>
-    <!-- AI: Add a 'How it Works' or 'Gallery' section here -->
-    <section class="cta">
-        <div class="container">
-            <h2>Ready to dive in?</h2>
-            <p>Explore the full potential and detailed implementation guides.</p>
-            <a href="documentation.html" class="btn-primary btn-lg">View Detailed Documentation</a>
-        </div>
-    </section>
-    <footer class="footer">
-        <div class="container">
-            <p>&copy; {{year}} {{author|default:"HeraSpec"}}. Built for excellence.</p>
-        </div>
-    </footer>
-    <script src="landing-script.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{title}} - Welcome</title>
+    <link rel="stylesheet" href="landing-style.css">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <span class="logo">{{title}}</span>
+            <div class="nav-links">
+                <a href="#features">Features</a>
+                <a href="documentation.html" class="btn-primary">View Docs</a>
+            </div>
+        </div>
+    </nav>
+    <header class="hero">
+        <div class="container hero-content">
+            <!-- AI: Design a unique Hero section with high-impact text -->
+            <h1 class="fade-in">{{title}}</h1>
+            <p class="fade-in delay-1">{{description}}</p>
+            <div class="hero-btns fade-in delay-2">
+                <a href="documentation.html" class="btn-primary btn-lg">Get Started</a>
+                <a href="#features" class="btn-outline btn-lg">Learn More</a>
+            </div>
+        </div>
+    </header>
+    <!-- AI: Construct a Problem vs Solution / Value Prop section here if needed -->
+    <section id="features" class="features">
+        <div class="container">
+            <h2 class="section-title">Why Choose {{title}}?</h2>
+            <!-- AI: Dynamically create feature showcase based on project specs -->
+            <div class="feature-grid">
+                {{feature_cards}}
+            </div>
+        </div>
+    </section>
+    <!-- AI: Add a 'How it Works' or 'Gallery' section here -->
+    <section class="cta">
+        <div class="container">
+            <h2>Ready to dive in?</h2>
+            <p>Explore the full potential and detailed implementation guides.</p>
+            <a href="documentation.html" class="btn-primary btn-lg">View Detailed Documentation</a>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <p>&copy; {{year}} {{author|default:"HeraSpec"}}. Built for excellence.</p>
+        </div>
+    </footer>
+    <script src="landing-script.js"></script>
+</body>
+</html>

package/dist/core/templates/skills/documents/templates/documentation.html CHANGED Viewed

@@ -1,49 +1,49 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{title}} - Documentation</title>
-    <link rel="stylesheet" href="style.css">
-</head>
-<body>
-    <div class="wrapper">
-        <!-- Sidebar -->
-        <nav id="sidebar" class="sidebar">
-            <div class="sidebar-header">
-                <h3>{{title}}</h3>
-            </div>
-            <ul class="list-unstyled components">
-                {{navigation_items}}
-            </ul>
-        </nav>
-        <!-- Page Content -->
-        <div id="content" class="content">
-            <header>
-                <button type="button" id="sidebarCollapse" class="btn btn-info">
-                    <span>Toggle Sidebar</span>
-                </button>
-            </header>
-            <div class="main-content">
-                <!-- AI: Dynamically generate these sections based on heraspec/specs/ -->
-                <!-- 1. Quick Start -->
-                <!-- 2. System Requirements -->
-                <!-- 3. Installation & Setup -->
-                <!-- 4. Configuration -->
-                <!-- 5. Core Features Showcase -->
-                <!-- 6. Technical Reference (API/Hooks) -->
-                <!-- 7. Troubleshooting & FAQ -->
-                {{main_content}}
-            </div>
-            <footer>
-                <p>&copy; {{year}} {{author|default:"HeraSpec"}}. All rights reserved.</p>
-            </footer>
-        </div>
-    </div>
-    <script src="script.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{title}} - Documentation</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <div class="wrapper">
+        <!-- Sidebar -->
+        <nav id="sidebar" class="sidebar">
+            <div class="sidebar-header">
+                <h3>{{title}}</h3>
+            </div>
+            <ul class="list-unstyled components">
+                {{navigation_items}}
+            </ul>
+        </nav>
+        <!-- Page Content -->
+        <div id="content" class="content">
+            <header>
+                <button type="button" id="sidebarCollapse" class="btn btn-info">
+                    <span>Toggle Sidebar</span>
+                </button>
+            </header>
+            <div class="main-content">
+                <!-- AI: Dynamically generate these sections based on heraspec/specs/ -->
+                <!-- 1. Quick Start -->
+                <!-- 2. System Requirements -->
+                <!-- 3. Installation & Setup -->
+                <!-- 4. Configuration -->
+                <!-- 5. Core Features Showcase -->
+                <!-- 6. Technical Reference (API/Hooks) -->
+                <!-- 7. Troubleshooting & FAQ -->
+                {{main_content}}
+            </div>
+            <footer>
+                <p>&copy; {{year}} {{author|default:"HeraSpec"}}. All rights reserved.</p>
+            </footer>
+        </div>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>

package/dist/core/templates/skills/documents/templates/landing-script.js CHANGED Viewed

@@ -1,38 +1,38 @@
-document.addEventListener('DOMContentLoaded', () => {
-    // Smooth scroll for nav links
-    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
-        anchor.addEventListener('click', function (e) {
-            e.preventDefault();
-            const target = document.querySelector(this.getAttribute('href'));
-            if (target) {
-                target.scrollIntoView({
-                    behavior: 'smooth'
-                });
-            }
-        });
-    });
-    // Reveal on scroll
-    const scrollReveal = () => {
-        const reveals = document.querySelectorAll('.feature-card');
-        reveals.forEach(el => {
-            const windowHeight = window.innerHeight;
-            const elementTop = el.getBoundingClientRect().top;
-            const elementVisible = 150;
-            if (elementTop < windowHeight - elementVisible) {
-                el.style.opacity = "1";
-                el.style.transform = "translateY(0)";
-            }
-        });
-    };
-    // Initial state for reveal
-    document.querySelectorAll('.feature-card').forEach(el => {
-        el.style.opacity = "0";
-        el.style.transform = "translateY(30px)";
-        el.style.transition = "all 0.6s ease-out";
-    });
-    window.addEventListener('scroll', scrollReveal);
-    scrollReveal(); // Run once
-});
+document.addEventListener('DOMContentLoaded', () => {
+    // Smooth scroll for nav links
+    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+        anchor.addEventListener('click', function (e) {
+            e.preventDefault();
+            const target = document.querySelector(this.getAttribute('href'));
+            if (target) {
+                target.scrollIntoView({
+                    behavior: 'smooth'
+                });
+            }
+        });
+    });
+    // Reveal on scroll
+    const scrollReveal = () => {
+        const reveals = document.querySelectorAll('.feature-card');
+        reveals.forEach(el => {
+            const windowHeight = window.innerHeight;
+            const elementTop = el.getBoundingClientRect().top;
+            const elementVisible = 150;
+            if (elementTop < windowHeight - elementVisible) {
+                el.style.opacity = "1";
+                el.style.transform = "translateY(0)";
+            }
+        });
+    };
+    // Initial state for reveal
+    document.querySelectorAll('.feature-card').forEach(el => {
+        el.style.opacity = "0";
+        el.style.transform = "translateY(30px)";
+        el.style.transition = "all 0.6s ease-out";
+    });
+    window.addEventListener('scroll', scrollReveal);
+    scrollReveal(); // Run once
+});

package/dist/core/templates/skills/documents/templates/landing-style.css CHANGED Viewed

@@ -1,158 +1,158 @@
-:root {
-    --primary: #6366f1;
-    --primary-hover: #4f46e5;
-    --text-dark: #111827;
-    --text-light: #6b7280;
-    --bg-white: #ffffff;
-    --bg-gray: #f9fafb;
-}
-* { margin: 0; padding: 0; box-sizing: border-box; }
-body {
-    font-family: 'Inter', sans-serif;
-    color: var(--text-dark);
-    line-height: 1.6;
-    background: var(--bg-white);
-    overflow-x: hidden;
-}
-.container {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 0 20px;
-}
-/* Navbar */
-.navbar {
-    height: 80px;
-    display: flex;
-    align-items: center;
-    border-bottom: 1px solid #eee;
-    background: rgba(255,255,255,0.8);
-    backdrop-filter: blur(10px);
-    position: sticky;
-    top: 0;
-    z-index: 100;
-}
-.navbar .container {
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
-    align-items: center;
-}
-.logo { font-weight: 800; font-size: 1.5rem; color: var(--primary); }
-.nav-links a {
-    text-decoration: none;
-    color: var(--text-dark);
-    margin-left: 30px;
-    font-weight: 600;
-    transition: 0.3s;
-}
-.btn-primary {
-    background: var(--primary);
-    color: #fff !important;
-    padding: 10px 24px;
-    border-radius: 8px;
-}
-.btn-primary:hover { background: var(--primary-hover); }
-/* Hero */
-.hero {
-    padding: 120px 0;
-    text-align: center;
-    background: radial-gradient(circle at top right, rgba(99, 102, 241, 0.05), transparent);
-}
-.hero h1 {
-    font-size: 4rem;
-    font-weight: 800;
-    margin-bottom: 20px;
-    letter-spacing: -2px;
-}
-.hero p {
-    font-size: 1.25rem;
-    color: var(--text-light);
-    max-width: 700px;
-    margin: 0 auto 40px;
-}
-.hero-btns .btn-lg {
-    padding: 16px 36px;
-    font-size: 1.1rem;
-    display: inline-block;
-    border-radius: 12px;
-    text-decoration: none;
-    margin: 0 10px;
-    font-weight: 600;
-}
-.btn-outline {
-    border: 2px solid #eee;
-    color: var(--text-dark);
-}
-.btn-outline:hover { border-color: var(--primary); color: var(--primary); }
-/* Features */
-.features { padding: 100px 0; background: var(--bg-gray); }
-.section-title {
-    text-align: center;
-    font-size: 2.5rem;
-    margin-bottom: 60px;
-}
-.feature-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-    gap: 30px;
-}
-.feature-card {
-    background: #fff;
-    padding: 40px;
-    border-radius: 20px;
-    transition: 0.4s;
-    border: 1px solid #f0f0f0;
-}
-.feature-card:hover {
-    transform: translateY(-10px);
-    box-shadow: 0 20px 40px rgba(0,0,0,0.05);
-}
-.feature-card h3 { margin-bottom: 15px; }
-/* CTA */
-.cta {
-    padding: 100px 0;
-    text-align: center;
-    background: var(--text-dark);
-    color: #fff;
-}
-.cta h2 { font-size: 3rem; margin-bottom: 20px; }
-.cta p { margin-bottom: 40px; opacity: 0.7; }
-/* Footer */
-.footer { padding: 40px 0; border-top: 1px solid #eee; text-align: center; color: var(--text-light); }
-/* Animations */
-.fade-in { opacity: 0; transform: translateY(20px); animation: fadeIn 0.8s forwards; }
-.delay-1 { animation-delay: 0.2s; }
-.delay-2 { animation-delay: 0.4s; }
-@keyframes fadeIn {
-    to { opacity: 1; transform: translateY(0); }
-}
-@media (max-width: 768px) {
-    .hero h1 { font-size: 2.5rem; }
-}
+:root {
+    --primary: #6366f1;
+    --primary-hover: #4f46e5;
+    --text-dark: #111827;
+    --text-light: #6b7280;
+    --bg-white: #ffffff;
+    --bg-gray: #f9fafb;
+}
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body {
+    font-family: 'Inter', sans-serif;
+    color: var(--text-dark);
+    line-height: 1.6;
+    background: var(--bg-white);
+    overflow-x: hidden;
+}
+.container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 20px;
+}
+/* Navbar */
+.navbar {
+    height: 80px;
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid #eee;
+    background: rgba(255,255,255,0.8);
+    backdrop-filter: blur(10px);
+    position: sticky;
+    top: 0;
+    z-index: 100;
+}
+.navbar .container {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    align-items: center;
+}
+.logo { font-weight: 800; font-size: 1.5rem; color: var(--primary); }
+.nav-links a {
+    text-decoration: none;
+    color: var(--text-dark);
+    margin-left: 30px;
+    font-weight: 600;
+    transition: 0.3s;
+}
+.btn-primary {
+    background: var(--primary);
+    color: #fff !important;
+    padding: 10px 24px;
+    border-radius: 8px;
+}
+.btn-primary:hover { background: var(--primary-hover); }
+/* Hero */
+.hero {
+    padding: 120px 0;
+    text-align: center;
+    background: radial-gradient(circle at top right, rgba(99, 102, 241, 0.05), transparent);
+}
+.hero h1 {
+    font-size: 4rem;
+    font-weight: 800;
+    margin-bottom: 20px;
+    letter-spacing: -2px;
+}
+.hero p {
+    font-size: 1.25rem;
+    color: var(--text-light);
+    max-width: 700px;
+    margin: 0 auto 40px;
+}
+.hero-btns .btn-lg {
+    padding: 16px 36px;
+    font-size: 1.1rem;
+    display: inline-block;
+    border-radius: 12px;
+    text-decoration: none;
+    margin: 0 10px;
+    font-weight: 600;
+}
+.btn-outline {
+    border: 2px solid #eee;
+    color: var(--text-dark);
+}
+.btn-outline:hover { border-color: var(--primary); color: var(--primary); }
+/* Features */
+.features { padding: 100px 0; background: var(--bg-gray); }
+.section-title {
+    text-align: center;
+    font-size: 2.5rem;
+    margin-bottom: 60px;
+}
+.feature-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 30px;
+}
+.feature-card {
+    background: #fff;
+    padding: 40px;
+    border-radius: 20px;
+    transition: 0.4s;
+    border: 1px solid #f0f0f0;
+}
+.feature-card:hover {
+    transform: translateY(-10px);
+    box-shadow: 0 20px 40px rgba(0,0,0,0.05);
+}
+.feature-card h3 { margin-bottom: 15px; }
+/* CTA */
+.cta {
+    padding: 100px 0;
+    text-align: center;
+    background: var(--text-dark);
+    color: #fff;
+}
+.cta h2 { font-size: 3rem; margin-bottom: 20px; }
+.cta p { margin-bottom: 40px; opacity: 0.7; }
+/* Footer */
+.footer { padding: 40px 0; border-top: 1px solid #eee; text-align: center; color: var(--text-light); }
+/* Animations */
+.fade-in { opacity: 0; transform: translateY(20px); animation: fadeIn 0.8s forwards; }
+.delay-1 { animation-delay: 0.2s; }
+.delay-2 { animation-delay: 0.4s; }
+@keyframes fadeIn {
+    to { opacity: 1; transform: translateY(0); }
+}
+@media (max-width: 768px) {
+    .hero h1 { font-size: 2.5rem; }
+}