@aurigma/ui-framework/sample/config.json

A platform which allows building print product personalization editors based on Aurigma's Customer's Canvas.

{
    "showSteps": true,
    "widgets": [
        {
            "name": "canvas",
            "type": "design-editor",
            "params": {
                "initial": {
                    "productDefinition": {
                        "surfaces": [
                          "{{ product.attributes.find(item=>item.title==='Template').value }}"   
                        ]
                    }
                }
            }
        },
        {
            "name": "preview",
            "type": "image-carousel",
            "params": {
                "lightbox": true,
                "containerColor": "#ffffff",
                "images": {
                    "{{ #each $['canvas'].proofImageUrls as url }}": {
                        "url": "{{ url[index] }}"
                    }
                }
            }
        }
    ],
    "steps": [
        {
            "name": "Design",
            "mainPanel": {
                "name": "canvas"
            }
        },
        {
            "name": "Preview",
            "mainPanel": {
                "name": "preview"
            },
            "onActivate": [
                "{{ #function $['canvas'].getHiResImages(800,800)}}"
            ]
        }
    ]
}