scripts/templates.js

/*
   ELYSIA MARKDOWN STUDIO v1.0 - Templates Module
   Document templates library
*/

import Utils from "./utils.js";
import DB from "./db.js";

const Templates = {
    builtInTemplates: [
        {
            name: "README",
            category: "GitHub",
            description: "Standard project README template",
            content: `# Project Title

## Description

A brief description of what this project does and who it's for.

## Features

- Feature 1
- Feature 2
- Feature 3

## Installation

\`\`\`bash
npm install
\`\`\`

## Usage

\`\`\`javascript
const example = require('example');
\`\`\`

## Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

## License

MIT License
`
        },
        {
            name: "Blog Post",
            category: "Writing",
            description: "Blog post structure",
            content: `# Post Title

**Published:** ${new Date().toLocaleDateString()}
**Author:** Your Name
**Tags:** tag1, tag2, tag3

## Introduction

Hook the reader with an engaging introduction...

## Main Content

### Section 1

Content for section 1...

### Section 2

Content for section 2...

### Section 3

Content for section 3...

## Conclusion

Summarize key points and call to action...

---

*Found this helpful? Share it with others!*
`
        },
        {
            name: "Meeting Notes",
            category: "Productivity",
            description: "Meeting notes template",
            content: `# Meeting Notes

**Date:** ${new Date().toLocaleDateString()}
**Time:** HH:MM
**Attendees:** Name 1, Name 2, Name 3
**Location:** Zoom/Office/etc.

## Agenda

1. Topic 1
2. Topic 2
3. Topic 3

## Discussion

### Topic 1
- Point 1
- Point 2

### Topic 2
- Point 1
- Point 2

## Action Items

- [ ] Task 1 - Assigned to: Person A - Due: Date
- [ ] Task 2 - Assigned to: Person B - Due: Date

## Next Steps

...

## Next Meeting

**Date:** TBD
**Topics:** ...
`
        },
        {
            name: "Documentation",
            category: "Technical",
            description: "API/Software documentation",
            content: `# Component/API Documentation

## Overview

Brief description of the component/API...

## Installation

\`\`\`bash
npm install package-name
\`\`\`

## Quick Start

\`\`\`javascript
import { Component } from 'package-name';

const example = new Component({
    option1: 'value1',
    option2: 'value2'
});
\`\`\`

## API Reference

### Method 1

**Description:** What this method does

**Parameters:**
- \`param1\` (Type): Description
- \`param2\` (Type): Description

**Returns:** Return type and description

**Example:**
\`\`\`javascript
example.method1(param1, param2);
\`\`\`

### Method 2

...

## Examples

### Example 1: Basic Usage
\`\`\`javascript
// Code example
\`\`\`

### Example 2: Advanced Usage
\`\`\`javascript
// Code example
\`\`\`

## Configuration

| Option | Type | Default | Description |
|--------|------|---------|-------------|
| option1 | String | 'default' | Description |
| option2 | Number | 0 | Description |

## Troubleshooting

**Issue 1:** Description
**Solution:** How to fix

**Issue 2:** Description
**Solution:** How to fix

## License

MIT
`
        },
        {
            name: "Academic Paper",
            category: "Academic",
            description: "Research paper structure",
            content: `# Paper Title

**Author:** Your Name
**Affiliation:** University/Institution
**Date:** ${new Date().toLocaleDateString()}

## Abstract

Brief summary of the research (150-250 words)...

## 1. Introduction

### 1.1 Background
Context and motivation for the research...

### 1.2 Research Question
What this paper aims to answer...

### 1.3 Contributions
Key contributions of this work...

## 2. Related Work

Review of existing literature and how this work differs...

## 3. Methodology

### 3.1 Approach
Description of the approach taken...

### 3.2 Implementation
Technical details...

## 4. Results

### 4.1 Experiment 1
Description and results...

### 4.2 Experiment 2
Description and results...

## 5. Discussion

Analysis and interpretation of results...

## 6. Conclusion

Summary of findings and future work...

## References

1. Reference 1
2. Reference 2
3. Reference 3

## Appendix

Additional materials, code, data...
`
        },
        {
            name: "Blank",
            category: "Basic",
            description: "Empty document",
            content: ""
        }
    ],

    init() {
        // Templates can be opened via modal (future feature)
        // For now, templates are loaded in the new document flow
    },

    async loadTemplates() {
        const customTemplates = await DB.getTemplates();
        return [...this.builtInTemplates, ...customTemplates];
    },

    async showTemplatesModal() {
        const templates = await this.loadTemplates();

        const grid = document.getElementById("templates-grid");
        grid.innerHTML = templates
            .map(
                t => `
            <div class="template-card" data-name="${t.name}">
                <div class="template-name">${t.name}</div>
                <div class="template-desc">${t.description}</div>
                <div class="template-category">${t.category}</div>
            </div>
        `
            )
            .join("");

        grid.querySelectorAll(".template-card").forEach(card => {
            card.addEventListener("click", () => {
                const name = card.getAttribute("data-name");
                const template = templates.find(t => t.name === name);
                if (template) {
                    // Use app.newDocument with template name
                    window.app?.newDocument(template.name);
                    Utils.modal.close("modal-templates");
                    Utils.toast.success(`Template "${name}" loaded!`);
                }
            });
        });

        Utils.modal.open("modal-templates");
    },

    async getTemplate(name) {
        // Search built-in first
        let template = this.builtInTemplates.find(t => t.name === name);

        // If not found, search custom templates
        if (!template) {
            const customTemplates = await DB.getTemplates();
            template = customTemplates.find(t => t.name === name);
        }

        return template;
    }
};

export default Templates;