Recursive partials:: Uncaught RangeError: Maximum call stack size exceeded

[JohnRSim]

Getting an error when trying to attempt recursive partials is this a bug?

hogan.js:321
Uncaught RangeError: Maximum call stack size exceeded

It generates first level "User Folder" and then errors -

//Structure 
var folderStructure = [
    {
        childFolders: [{
            folderName: 'User Folder',
            folderOpen: true,
            CS_query:   '',
            childFolders: [
                {
                    folderName: 'test1',
                    CS_query:   ''
                },
                {
                    folderName: 'test2',
                    CS_query:   ''
                },
                {
                    folderName: 'test3',
                    CS_query:   ''
                }
            ]
        }]
    }
];

//gen tpl
documentsTpl({
    data:   folderStructure,
},{
    folderList: folderList.template
});

//documentsTpl.mustache
<ul class="listView documents" style="display:block">
    {{#folderStructure}}
        {{>folderList}}
    {{/folderStructure}}
</ul>

//folderList.mustache
{{#childFolders}}
    <li>
        <div class="folderList">
            <ul class="listView documents">
                {{>folderList}}
            </ul>
        </div>
    </li>
{{/childFolders}}

Thanks

[millermedeiros]

I don't know if hogan supports recursive partials (probably not). So this issue should not be related to the plugin.

[JohnRSim]

There is a test in hogan.js git for recursive partials.. - just tested in on my machine and it works -

https://github.com/twitter/hogan.js/blob/936e00f1e60c8b7a0100c64c6ea031e290c75a32/test/index.js
line 1163 Context inheritance in recursive partials

[JohnRSim]

I copied in the recursive test and tried it but failed with the same error -
Uncaught RangeError: Maximum call stack size exceeded

//data
var list = {
    list: [
        { foo: 1 },
        { foo: 2 },
        { foo: 3, sub: { list: [{ foo: 4, sub:false }, { foo: 5, list:[], sub:true }] } }
    ]
};

//gen tpl
dTpl = documentsTpl(
    list
,{
    folderList: folderList.template
});

//documentsTpl.mustache
{{#list}}
    {{foo}} > 
    {{#sub}}
        {{> folderList}}
    {{/sub}}
{{/list}}

//folderList.mustache
Start > {{> folderList}}

Should output
Start > 1 > 2 > 3 > 4 > 5 >

[JohnRSim]

millermedeiros Any thoughts? - recursive partials work direct with hoganjs without the requirejs plugin..

[millermedeiros]

maybe it doesn't work because the recursive partial uses some property that we are not included on the render method or because we bind the context... I probably won't have time to investigate this anytime soon. Pull requests are highly appreciated.