{
    "listen_ip": "0.0.0.0",
    "listen_port": 5000
}

{
    "available": {
        "/api/convert/misp_to_stix": {
            "source": "misp",
            "target": "stix",
            "method": "POST",
            "description": "Convert a MISP data collection to STIX format.",
            "params_schema": {
                "additionalProperties": false,
                "properties": {
                    "version": {
                        "default": "2.1",
                        "description": "STIX specification version of the generated bundle.",
                        "enum": ["2.0", "2.1"],
                        "title": "STIX Version",
                        "type": "string"
                    }
                },
                "title": "MispToStixParams",
                "type": "object"
            }
        },
        "/api/convert/stix_to_misp": {
            "source": "stix",
            "target": "misp",
            "method": "POST",
            "description": "Convert a STIX data collection to MISP format.",
            "params_schema": {
                "additionalProperties": false,
                "properties": { "distribution": { "..." : "..." }, "galaxies_as_tags": { "..." : "..." }, "..." : "..." },
                "title": "StixToMispParams",
                "type": "object"
            }
        }
    }
}

{
    "Event": {
        "info": "Phishing campaign targeting finance sector",
        "uuid": "5e9f1234-1234-1234-1234-1234567890ab",
        "date": "2024-01-15",
        "threat_level_id": "2",
        "Attribute": [
            {
                "category": "Network activity",
                "type": "ip-dst",
                "value": "198.51.100.42",
                "to_ids": true,
                "uuid": "5e9f1234-aaaa-bbbb-cccc-1234567890ab"
            },
            {
                "category": "Payload delivery",
                "type": "sha256",
                "value": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",
                "to_ids": true
            }
        ],
        "Tag": [
            { "name": "tlp:amber" }
        ]
    }
}

{
    "type": "bundle",
    "id": "bundle--a1b2c3d4-1234-5678-abcd-ef0123456789",
    "objects": [
        {
            "type": "report",
            "id": "report--...",
            "name": "Phishing campaign targeting finance sector",
            "published": "2024-01-15T00:00:00Z",
            "object_refs": ["indicator--...", "marking-definition--..."]
        },
        {
            "type": "indicator",
            "id": "indicator--...",
            "pattern": "[ipv4-addr:value = '198.51.100.42']",
            "pattern_type": "stix",
            "valid_from": "2024-01-15T00:00:00Z"
        },
        {
            "type": "marking-definition",
            "id": "marking-definition--...",
            "definition_type": "tlp",
            "definition": { "tlp": "amber" }
        }
    ]
}

{
    "Event": {
        "info": "STIX Report: ...",
        "uuid": "...",
        "distribution": 0,
        "threat_level_id": 2,
        "Attribute": [ { "type": "ip-dst", "value": "198.51.100.42", "..." : "..." } ],
        "Object": [],
        "Tag": []
    }
}

{
    "conversion": { "type": "bundle", "id": "bundle--...", "objects": [ "..." ] },
    "id": 42,
    "uuid": "5bf21cfe-487e-431d-9514-773a9365cde1",
    "url": "/conversions/42"
}

const MyComponent = {
    delimiters: ['[[', ']]'],   // avoid conflict with Jinja2 {{ }}
    props: {
        conversionData: { type: Object, default: null },
    },
    components: { 'json-viewer': JsonViewer },
    template: `
<div class="mc-wrapper">
    [[ conversionData?.name ]]
</div>`,
    setup(props) {
        const { ref, watch } = Vue
        // ...
        watch(() => props.conversionData, v => {
            if (v) doWork()
        }, { immediate: true })  // fires immediately on mount

        return { /* exposed to template */ }
    },
}
export default MyComponent

import MyComponent from '/static/js/graph/myComponent.js'

const app = createApp({ delimiters: ['[[',']]'], setup() { /* ... */ } })
app.component('my-component', MyComponent)
app.mount('#main-containers')

const csrfToken = document.getElementById('csrf_token')?.value

const res = await fetch('/conversions/comment', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken },
    body: JSON.stringify({ conversion_id: 42, content: 'Great conversion!' }),
})
const data = await res.json()
if (data.success) create_message(data.message, data.toast_class)

document.documentElement.addEventListener('themechange', (e) => {
    const theme = e.detail?.theme  // 'light' | 'dark' | 'dusk' | 'ocean'
    const isDark = !['light', 'ocean'].includes(theme)
    // re-render charts, swap hljs stylesheet, etc.
})