What is the expected behavior?
From what I understand, running on headless mode should not require window or document access, so HTML and CSS should in theory be generated in both cases.
What is the current behavior?
HTML and CSS is generated in the first case but not in the second case and throws an error.
error ReferenceError: window is not defined
at U (/home/projects/node-zrdtg4/node_modules/grapesjs/dist/grapes.min.js:2:893064)
at N.r.initialize (/home/projects/node-zrdtg4/node_modules/grapesjs/dist/grapes.min.js:2:794563)
at new e.Model (/home/projects/node-zrdtg4/node_modules/grapesjs/dist/grapes.min.js:2:10599)
at N.r.eval (/home/projects/node-zrdtg4/node_modules/grapesjs/dist/grapes.min.js:2:455301)
at new n (/home/projects/node-zrdtg4/node_modules/grapesjs/dist/grapes.min.js:2:455545)
at N.r.eval (/home/projects/node-zrdtg4/node_modules/grapesjs/dist/grapes.min.js:2:408184)
at N.r.n (/home/projects/node-zrdtg4/node_modules/grapesjs/dist/grapes.min.js:2:408590)
at new N.r (/home/projects/node-zrdtg4/node_modules/grapesjs/dist/grapes.min.js:2:28357)
at new value (/home/projects/node-zrdtg4/node_modules/grapesjs/dist/grapes.min.js:2:440096)
at n._prepareModel (/home/projects/node-zrdtg4/node_modules/grapesjs/dist/grapes.min.js:2:18706)
Same is the case when adding a video block, but only in this case the error is that document is not defined
Code of Conduct
[X] I agree to follow this project's Code of Conduct
GrapesJS version
What browser are you using?
Chrome 103.0.5060.134
Reproducible demo link
https://stackblitz.com/edit/node-zrdtg4?file=index.js
Describe the bug
How to reproduce the bug?
Load the project data with just a basic text node
Click to expand for sample data.
```javascript const _justTextData = { assets: [], styles: [], pages: [ { frames: [ { component: { type: 'wrapper', stylable: [ 'background', 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', 'background-size', ], attributes: { id: 'ipfo' }, components: [ { type: 'text', attributes: { id: 'i1je' }, components: [{ type: 'textnode', content: 'Hello world!' }], }, ], }, }, ], id: '7bbomSfhvWF8QvfD', }, ], }; ```Sample Code
editor.getHtml()
andeditor.getCss()
respectively.Now Load the project with data containing text and image
Click to expand for sample data.
```javascript const _textWithImageData = { assets: [ { type: 'image', src: 'https://images.unsplash.com/photo-1658397966058-d1d252892754?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=764&q=80', unitDim: 'px', height: 0, width: 0, }, ], styles: [ { selectors: ['#ifvh'], style: { color: 'black' }, mediaText: '(max-width: 900px)', atRuleType: 'media', }, ], pages: [ { frames: [ { component: { type: 'wrapper', stylable: [ 'background', 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', 'background-size', ], attributes: { id: 'ih1q' }, components: [ { type: 'text', attributes: { id: 'i29t' }, components: [{ type: 'textnode', content: 'Hello World' }], }, { type: 'image', attributes: { id: 'ifvh', src: 'https://images.unsplash.com/photo-1658397966058-d1d252892754?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=764&q=80', }, }, ], }, }, ], id: '9T0c4L1n3IPynJMc', }, ], }; ```What is the expected behavior? From what I understand, running on headless mode should not require window or document access, so HTML and CSS should in theory be generated in both cases.
What is the current behavior? HTML and CSS is generated in the first case but not in the second case and throws an error.
Same is the case when adding a video block, but only in this case the error is that
document is not defined
Code of Conduct