@peak-ai/canvas 1.4.27 → 1.4.28-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/GrapesjsCanvas.js +7 -4
  2. package/GrapesjsCanvas.js.map +1 -1
  3. package/helpers/pdf-export.d.ts +2 -0
  4. package/helpers/pdf-export.js +25 -0
  5. package/helpers/pdf-export.js.map +1 -0
  6. package/index.styles.js +1 -1
  7. package/index.styles.js.map +1 -1
  8. package/package.json +1 -1
package/GrapesjsCanvas.js CHANGED
@@ -1,11 +1,14 @@
1
1
  import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _extends from"@babel/runtime/helpers/extends";import _regeneratorRuntime from"@babel/runtime/regenerator";/* eslint-disable @typescript-eslint/no-explicit-any */import React,{useEffect,useRef}from"react";// eslint-disable-next-line import/no-named-as-default
2
- import grapesjs from"grapesjs";import"grapesjs/dist/css/grapes.min.css";import tailwind from"grapesjs-tailwind";import{TypesToRegister}from"./constants";import{toKebabCase}from"./helpers";import{tailwindCompiledCss}from"./helpers/css";import{datePickerCss}from"./helpers/date-picker";import{createGrapesjsShadcnGenericPlugin}from"./plugins/grapejs-plugin";import{StyledEditor}from"./index.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function setComponentProperties(editor,isPreview){function setPropertiesRecursively(comp){comp.set({editable:!isPreview,draggable:!isPreview,droppable:!isPreview&&comp.getName()!=="Shadcn-generic",selectable:!isPreview,hoverable:!isPreview,highlightable:!isPreview,copyable:false,resizable:false,removable:!isPreview,badgable:false});if(!isPreview){comp.set("toolbar",[{attributes:{"class":"fa fa-arrows"},command:"tlb-move"},{attributes:{"class":"fa fa-trash"},command:"tlb-delete"}])}comp.components().forEach(setPropertiesRecursively)}if(isPreview){editor.runCommand("core:preview")}else{editor.stopCommand("core:preview")}var wrapper=editor.getWrapper();wrapper==null||wrapper.find("*").forEach(setPropertiesRecursively)}function convertStyles(stylesArray){return stylesArray.map(function(block){var selectors=Array.isArray(block.selectors)?block.selectors.join(", "):block.selectors;var declarations=Object.entries(block.style).map(function(_ref){var prop=_ref[0],value=_ref[1];return toKebabCase(prop)+": "+value+";"}).join(" ");return selectors+" { "+declarations+" }"}).join("\n")}function createActionCardConfig(action){var icon=action.icon,title=action.title,description=action.description;return{type:"shadcn-generic",componentName:"ActionCard",badgable:false,copyable:false,removable:true,draggable:true,componentProps:{icon:icon,headerContent:title,bodyContent:description}}}function expandActions(node){if(node.type==="shadcn-generic"&&node.componentName==="Actions"){var _node$componentProps;var actions=(_node$componentProps=node.componentProps)==null?void 0:_node$componentProps.actions;if(Array.isArray(actions)&&actions.length>0){return _extends({},node,{type:"div",classes:["dashboard-cards"].concat(node.classes||[]),componentName:undefined,componentProps:undefined,components:actions.map(function(action,i){return _extends({},createActionCardConfig(action),{id:node.id+"--action-card-"+i})})})}return node}if(Array.isArray(node.components)){return _extends({},node,{components:node.components.map(expandActions)})}return node}function setInteracting(renderedComponents,components,inProgress){components.forEach(function(component){var componentId=component.componentId,showLoader=component.showLoader;if(!showLoader){return}var gjsModel=renderedComponents[componentId];if(gjsModel){gjsModel.set("attributes",_extends({},gjsModel.get("attributes"),{interactionApiInProgress:inProgress}))}})}function expandActionsComponent(model,actions){model.components("");actions.forEach(function(action){model.append(createActionCardConfig(action))});model.set("type","div");model.addClass("dashboard-cards");model.set("componentName",undefined);model.set("componentProps",{})}function GrapesjsCanvas(_ref2){var json=_ref2.json,_ref2$mode=_ref2.mode,mode=_ref2$mode===void 0?"preview":_ref2$mode,setEditor=_ref2.setEditor,performInteraction=_ref2.performInteraction,_ref2$newDataNotifier=_ref2.newDataNotifier,newDataNotifier=_ref2$newDataNotifier===void 0?function(){// no op
2
+ import grapesjs from"grapesjs";import"grapesjs/dist/css/grapes.min.css";import tailwind from"grapesjs-tailwind";import{TypesToRegister}from"./constants";import{toKebabCase}from"./helpers";import{tailwindCompiledCss}from"./helpers/css";import{datePickerCss}from"./helpers/date-picker";import{exportEditorToPDF}from"./helpers/pdf-export";import{createGrapesjsShadcnGenericPlugin}from"./plugins/grapejs-plugin";import{StyledEditor}from"./index.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function setComponentProperties(editor,isPreview){function setPropertiesRecursively(comp){comp.set({editable:!isPreview,draggable:!isPreview,droppable:!isPreview&&comp.getName()!=="Shadcn-generic",selectable:!isPreview,hoverable:!isPreview,highlightable:!isPreview,copyable:false,resizable:false,removable:!isPreview,badgable:false});if(!isPreview){comp.set("toolbar",[{attributes:{"class":"fa fa-arrows"},command:"tlb-move"},{attributes:{"class":"fa fa-trash"},command:"tlb-delete"}])}comp.components().forEach(setPropertiesRecursively)}if(isPreview){editor.runCommand("core:preview")}else{editor.stopCommand("core:preview")}var wrapper=editor.getWrapper();wrapper==null||wrapper.find("*").forEach(setPropertiesRecursively)}function convertStyles(stylesArray){return stylesArray.map(function(block){var selectors=Array.isArray(block.selectors)?block.selectors.join(", "):block.selectors;var declarations=Object.entries(block.style).map(function(_ref){var prop=_ref[0],value=_ref[1];return toKebabCase(prop)+": "+value+";"}).join(" ");return selectors+" { "+declarations+" }"}).join("\n")}function createActionCardConfig(action){var icon=action.icon,title=action.title,description=action.description;return{type:"shadcn-generic",componentName:"ActionCard",badgable:false,copyable:false,removable:true,draggable:true,componentProps:{icon:icon,headerContent:title,bodyContent:description}}}function expandActions(node){if(node.type==="shadcn-generic"&&node.componentName==="Actions"){var _node$componentProps;var actions=(_node$componentProps=node.componentProps)==null?void 0:_node$componentProps.actions;if(Array.isArray(actions)&&actions.length>0){return _extends({},node,{type:"div",classes:["dashboard-cards"].concat(node.classes||[]),componentName:undefined,componentProps:undefined,components:actions.map(function(action,i){return _extends({},createActionCardConfig(action),{id:node.id+"--action-card-"+i})})})}return node}if(Array.isArray(node.components)){return _extends({},node,{components:node.components.map(expandActions)})}return node}function setInteracting(renderedComponents,components,inProgress){components.forEach(function(component){var componentId=component.componentId,showLoader=component.showLoader;if(!showLoader){return}var gjsModel=renderedComponents[componentId];if(gjsModel){gjsModel.set("attributes",_extends({},gjsModel.get("attributes"),{interactionApiInProgress:inProgress}))}})}function expandActionsComponent(model,actions){model.components("");actions.forEach(function(action){model.append(createActionCardConfig(action))});model.set("type","div");model.addClass("dashboard-cards");model.set("componentName",undefined);model.set("componentProps",{})}function GrapesjsCanvas(_ref2){var json=_ref2.json,_ref2$mode=_ref2.mode,mode=_ref2$mode===void 0?"preview":_ref2$mode,setEditor=_ref2.setEditor,performInteraction=_ref2.performInteraction,_ref2$newDataNotifier=_ref2.newDataNotifier,newDataNotifier=_ref2$newDataNotifier===void 0?function(){// no op
3
3
  }:_ref2$newDataNotifier,_ref2$setHasChanged=_ref2.setHasChanged,setHasChanged=_ref2$setHasChanged===void 0?function(){// no op
4
4
  }:_ref2$setHasChanged,isStreaming=_ref2.isStreaming;var editorRef=useRef(null);var editorInstance=useRef(null);var renderedComponents=useRef({});var isStreamingRef=useRef(isStreaming);var isSystemUpdateRef=useRef(false);var lastJsonRef=useRef("");var isEditorAliveRef=useRef(false);useEffect(function(){isStreamingRef.current=isStreaming},[isStreaming]);function notificationHandler(props){if(!props){return true}var componentId=props.componentId,_props$newProps=props.newProps,newProps=_props$newProps===void 0?{}:_props$newProps,_props$newAttributes=props.newAttributes,newAttributes=_props$newAttributes===void 0?{}:_props$newAttributes;var model=renderedComponents.current[componentId];if(!model){return false}// Filter out complex placeholder objects by setting them to null
5
5
  // This ensures placeholder values are properly cleared and don't cause stale data issues
6
6
  var filteredProps=_extends({},newProps);Object.keys(filteredProps).forEach(function(key){var value=filteredProps[key];if(value&&typeof value==="object"&&value.name==="__peak_placeholder"){filteredProps[key]=null}});var parsedNewProps=_extends({},filteredProps);if(filteredProps.pagination){parsedNewProps.pagination=_extends({},model.get("componentProps").pagination||{},filteredProps.pagination)}// Handle Actions component: expand into ActionCards when data arrives via streaming
7
- var isActionsComponent=model.get("componentName")==="Actions";var hasValidActionsData=parsedNewProps.actions&&parsedNewProps.actions!==null&&Array.isArray(parsedNewProps.actions)&&parsedNewProps.actions.length>0;if(isActionsComponent&&hasValidActionsData){var _model$components$at;var isAlreadyExpanded=model.components().length>0&&((_model$components$at=model.components().at(0))==null?void 0:_model$components$at.get("componentName"))==="ActionCard";if(!isAlreadyExpanded){expandActionsComponent(model,parsedNewProps.actions);return true}}model.set("componentProps",_extends({},model.get("componentProps"),parsedNewProps));model.set("attributes",_extends({},model.get("attributes"),newAttributes));return true}useEffect(function(){newDataNotifier(notificationHandler)},[]);function performInteractionWrapper(_x){return _performInteractionWrapper.apply(this,arguments)}function _performInteractionWrapper(){_performInteractionWrapper=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(payload){var _editorInstance$curre;var updatedJson,apiResponse,componentUpdates;return _regeneratorRuntime.wrap(function _callee4$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return(_editorInstance$curre=editorInstance.current)==null?void 0:_editorInstance$curre.store();case 2:updatedJson=_context4.sent;setInteracting(renderedComponents.current,payload.affectedComponents,true);_context4.prev=4;_context4.next=7;return performInteraction(_extends({},payload,{json:updatedJson}));case 7:apiResponse=_context4.sent;componentUpdates=apiResponse||{};Object.entries(componentUpdates).forEach(function(_ref6){var key=_ref6[0],value=_ref6[1];var model=renderedComponents.current[key];if(model){model.set("attributes",_extends({},model.get("attributes"),{error:undefined}));model.set("componentProps",_extends({},model.get("componentProps"),value,{error:undefined,isMissing:undefined}))}});return _context4.abrupt("return",componentUpdates);case 13:_context4.prev=13;_context4.t0=_context4["catch"](4);payload.affectedComponents.forEach(function(componentId){var model=renderedComponents.current[componentId];if(model){var errorMessage=_context4.t0 instanceof Error?_context4.t0.message:"Something went wrong. Please try again.";model.set("attributes",_extends({},model.get("attributes"),{error:errorMessage}));model.set("componentProps",_extends({},model.get("componentProps"),{error:errorMessage,isMissing:undefined}))}});throw _context4.t0;case 17:_context4.prev=17;setInteracting(renderedComponents.current,payload.affectedComponents,false);return _context4.finish(17);case 20:case"end":return _context4.stop()}},_callee4,null,[[4,13,17,20]])}));return _performInteractionWrapper.apply(this,arguments)}useEffect(function(){var _json$pages,_json$pages$0$frames;if(!editorRef.current){return function(){// no op
8
- }}if(editorInstance.current){editorInstance.current.destroy();editorInstance.current=null;isEditorAliveRef.current=false}var currentMode=mode;var editor=grapesjs.init({container:editorRef.current,height:"100%",plugins:[tailwind,createGrapesjsShadcnGenericPlugin(currentMode,performInteractionWrapper,renderedComponents.current,setHasChanged)],storageManager:{type:"none"},richTextEditor:{actions:["bold","italic","underline","strikethrough"]},canvas:{customBadgeLabel:function customBadgeLabel(component){var tagName=component.get("tagName");return tagName==="body"?"":tagName||""}}});isEditorAliveRef.current=true;var injectionAttempts=0;function injectStylesEarly(){var _editor$Canvas;var iframeDoc=(_editor$Canvas=editor.Canvas)==null||_editor$Canvas.getDocument==null?void 0:_editor$Canvas.getDocument();if(iframeDoc&&iframeDoc.head){if(!iframeDoc.head.querySelector("[data-grapesjs-styles]")){var style=iframeDoc.createElement("style");var fullCss="\n "+tailwindCompiledCss+"\n "+datePickerCss+"\n ::-webkit-scrollbar {\n width: 0px;\n height: 0px;\n }\n html, body {\n overflow: auto !important;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n ";style.innerHTML=fullCss;style.setAttribute("type","text/css");style.setAttribute("data-grapesjs-styles","true");iframeDoc.head.appendChild(style)}}else if(injectionAttempts<50){injectionAttempts+=1;requestAnimationFrame(injectStylesEarly)}}requestAnimationFrame(injectStylesEarly);function checkDirty(){return _checkDirty.apply(this,arguments)}function _checkDirty(){_checkDirty=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(){var stored,newJson;return _regeneratorRuntime.wrap(function _callee3$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if(!(isStreamingRef.current||isSystemUpdateRef.current)){_context3.next=2;break}return _context3.abrupt("return");case 2:if(!(!isEditorAliveRef.current||!editorInstance.current)){_context3.next=4;break}return _context3.abrupt("return");case 4:stored=null;_context3.prev=5;_context3.next=8;return editorInstance.current.store();case 8:stored=_context3.sent;_context3.next=14;break;case 11:_context3.prev=11;_context3.t0=_context3["catch"](5);return _context3.abrupt("return");case 14:if(stored){_context3.next=16;break}return _context3.abrupt("return");case 16:newJson=JSON.stringify(stored);if(newJson!==lastJsonRef.current){setHasChanged(true);lastJsonRef.current=newJson}case 18:case"end":return _context3.stop()}},_callee3,null,[[5,11]])}));return _checkDirty.apply(this,arguments)}var debouncedCheckDirty=function(){var timeout=null;return function(){if(timeout){clearTimeout(timeout)}timeout=setTimeout(checkDirty,200)}}();["component:add","component:remove","component:update:content","style:update","component:drag:end","rte:change"].forEach(function(evt){editor.on(evt,debouncedCheckDirty)});editor.on("component:update",function(model,prop){if(["attributes","componentProps","content"].includes(prop)){debouncedCheckDirty()}});// Tailwind CSS rules aren't fully added to our component
7
+ var isActionsComponent=model.get("componentName")==="Actions";var hasValidActionsData=parsedNewProps.actions&&parsedNewProps.actions!==null&&Array.isArray(parsedNewProps.actions)&&parsedNewProps.actions.length>0;if(isActionsComponent&&hasValidActionsData){var _model$components$at;var isAlreadyExpanded=model.components().length>0&&((_model$components$at=model.components().at(0))==null?void 0:_model$components$at.get("componentName"))==="ActionCard";if(!isAlreadyExpanded){expandActionsComponent(model,parsedNewProps.actions);return true}}model.set("componentProps",_extends({},model.get("componentProps"),parsedNewProps));model.set("attributes",_extends({},model.get("attributes"),newAttributes));return true}useEffect(function(){newDataNotifier(notificationHandler)},[]);function performInteractionWrapper(_x){return _performInteractionWrapper.apply(this,arguments)}function _performInteractionWrapper(){_performInteractionWrapper=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(payload){var _editorInstance$curre;var updatedJson,apiResponse,componentUpdates;return _regeneratorRuntime.wrap(function _callee5$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return(_editorInstance$curre=editorInstance.current)==null?void 0:_editorInstance$curre.store();case 2:updatedJson=_context5.sent;setInteracting(renderedComponents.current,payload.affectedComponents,true);_context5.prev=4;_context5.next=7;return performInteraction(_extends({},payload,{json:updatedJson}));case 7:apiResponse=_context5.sent;componentUpdates=apiResponse||{};Object.entries(componentUpdates).forEach(function(_ref7){var key=_ref7[0],value=_ref7[1];var model=renderedComponents.current[key];if(model){model.set("attributes",_extends({},model.get("attributes"),{error:undefined}));model.set("componentProps",_extends({},model.get("componentProps"),value,{error:undefined,isMissing:undefined}))}});return _context5.abrupt("return",componentUpdates);case 13:_context5.prev=13;_context5.t0=_context5["catch"](4);payload.affectedComponents.forEach(function(componentId){var model=renderedComponents.current[componentId];if(model){var errorMessage=_context5.t0 instanceof Error?_context5.t0.message:"Something went wrong. Please try again.";model.set("attributes",_extends({},model.get("attributes"),{error:errorMessage}));model.set("componentProps",_extends({},model.get("componentProps"),{error:errorMessage,isMissing:undefined}))}});throw _context5.t0;case 17:_context5.prev=17;setInteracting(renderedComponents.current,payload.affectedComponents,false);return _context5.finish(17);case 20:case"end":return _context5.stop()}},_callee5,null,[[4,13,17,20]])}));return _performInteractionWrapper.apply(this,arguments)}useEffect(function(){var _json$pages,_json$pages$0$frames;if(!editorRef.current){return function(){// no op
8
+ }}if(editorInstance.current){editorInstance.current.destroy();editorInstance.current=null;isEditorAliveRef.current=false}var currentMode=mode;var editor=grapesjs.init({container:editorRef.current,height:"100%",plugins:[tailwind,createGrapesjsShadcnGenericPlugin(currentMode,performInteractionWrapper,renderedComponents.current,setHasChanged)],storageManager:{type:"none"},richTextEditor:{actions:["bold","italic","underline","strikethrough"]},canvas:{customBadgeLabel:function customBadgeLabel(component){var tagName=component.get("tagName");return tagName==="body"?"":tagName||""}}});isEditorAliveRef.current=true;var injectionAttempts=0;function injectStylesEarly(){var _editor$Canvas;var iframeDoc=(_editor$Canvas=editor.Canvas)==null||_editor$Canvas.getDocument==null?void 0:_editor$Canvas.getDocument();if(iframeDoc&&iframeDoc.head){if(!iframeDoc.head.querySelector("[data-grapesjs-styles]")){var style=iframeDoc.createElement("style");var fullCss="\n "+tailwindCompiledCss+"\n "+datePickerCss+"\n ::-webkit-scrollbar {\n width: 0px;\n height: 0px;\n }\n html, body {\n overflow: auto !important;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n ";style.innerHTML=fullCss;style.setAttribute("type","text/css");style.setAttribute("data-grapesjs-styles","true");iframeDoc.head.appendChild(style)}}else if(injectionAttempts<50){injectionAttempts+=1;requestAnimationFrame(injectStylesEarly)}}requestAnimationFrame(injectStylesEarly);function checkDirty(){return _checkDirty.apply(this,arguments)}function _checkDirty(){_checkDirty=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(){var stored,newJson;return _regeneratorRuntime.wrap(function _callee4$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:if(!(isStreamingRef.current||isSystemUpdateRef.current)){_context4.next=2;break}return _context4.abrupt("return");case 2:if(!(!isEditorAliveRef.current||!editorInstance.current)){_context4.next=4;break}return _context4.abrupt("return");case 4:stored=null;_context4.prev=5;_context4.next=8;return editorInstance.current.store();case 8:stored=_context4.sent;_context4.next=14;break;case 11:_context4.prev=11;_context4.t0=_context4["catch"](5);return _context4.abrupt("return");case 14:if(stored){_context4.next=16;break}return _context4.abrupt("return");case 16:newJson=JSON.stringify(stored);if(newJson!==lastJsonRef.current){setHasChanged(true);lastJsonRef.current=newJson}case 18:case"end":return _context4.stop()}},_callee4,null,[[5,11]])}));return _checkDirty.apply(this,arguments)}var debouncedCheckDirty=function(){var timeout=null;return function(){if(timeout){clearTimeout(timeout)}timeout=setTimeout(checkDirty,200)}}();["component:add","component:remove","component:update:content","style:update","component:drag:end","rte:change"].forEach(function(evt){editor.on(evt,debouncedCheckDirty)});editor.on("component:update",function(model,prop){if(["attributes","componentProps","content"].includes(prop)){debouncedCheckDirty()}});// Tailwind CSS rules aren't fully added to our component
9
9
  // So, adding them from here!
10
- editor.on("load",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var canvasDoc,canvasHead,style,fullCss;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:canvasDoc=editor.Canvas.getDocument();canvasHead=canvasDoc.head;if(!canvasHead.querySelector("[data-grapesjs-styles]")){style=canvasDoc.createElement("style");fullCss="\n "+tailwindCompiledCss+"\n "+datePickerCss+"\n ::-webkit-scrollbar {\n width: 0px;\n height: 0px;\n }\n html, body {\n overflow: auto !important;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n ";style.innerHTML=fullCss;style.setAttribute("type","text/css");style.setAttribute("data-grapesjs-styles","true");canvasHead.appendChild(style)}isSystemUpdateRef.current=true;setComponentProperties(editor,mode==="preview");_context.t0=JSON;_context.next=8;return editor.store();case 8:_context.t1=_context.sent;lastJsonRef.current=_context.t0.stringify.call(_context.t0,_context.t1);isSystemUpdateRef.current=false;case 11:case"end":return _context.stop()}},_callee)})));editorInstance.current=editor;if(setEditor){setEditor(editor)}TypesToRegister.forEach(function(_ref4){var type=_ref4.type,tagName=_ref4.tagName;if(!editor.DomComponents.getType(type)){editor.DomComponents.addType(type,{model:{defaults:{tagName:tagName}},view:{}})}});if(json&&((_json$pages=json.pages)==null?void 0:_json$pages.length)>0&&((_json$pages$0$frames=json.pages[0].frames)==null?void 0:_json$pages$0$frames.length)>0){isSystemUpdateRef.current=true;var raw=json.pages[0].frames[0].component;var processed=expandActions(raw);editor.setComponents(processed);var cssText=convertStyles(json.styles||[]);editor.setStyle(cssText);editor.on("load",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(){return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.t0=JSON;_context2.next=3;return editor.store();case 3:_context2.t1=_context2.sent;lastJsonRef.current=_context2.t0.stringify.call(_context2.t0,_context2.t1);isSystemUpdateRef.current=false;case 6:case"end":return _context2.stop()}},_callee2)})))}return function cleanup(){editor.destroy();isEditorAliveRef.current=false}},[json,mode]);return/*#__PURE__*/_jsxs(React.Fragment,{children:[/*#__PURE__*/_jsx(StyledEditor,{}),/*#__PURE__*/_jsx("div",{ref:editorRef,id:"grapesjs-editor"})]})}export default GrapesjsCanvas;
10
+ editor.on("load",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var canvasDoc,canvasHead,style,fullCss;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:canvasDoc=editor.Canvas.getDocument();canvasHead=canvasDoc.head;if(!canvasHead.querySelector("[data-grapesjs-styles]")){style=canvasDoc.createElement("style");fullCss="\n "+tailwindCompiledCss+"\n "+datePickerCss+"\n ::-webkit-scrollbar {\n width: 0px;\n height: 0px;\n }\n html, body {\n overflow: auto !important;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n ";style.innerHTML=fullCss;style.setAttribute("type","text/css");style.setAttribute("data-grapesjs-styles","true");canvasHead.appendChild(style)}isSystemUpdateRef.current=true;setComponentProperties(editor,mode==="preview");_context.t0=JSON;_context.next=8;return editor.store();case 8:_context.t1=_context.sent;lastJsonRef.current=_context.t0.stringify.call(_context.t0,_context.t1);isSystemUpdateRef.current=false;case 11:case"end":return _context.stop()}},_callee)})));editorInstance.current=editor;if(setEditor){setEditor(editor)}// Add PDF download button as a floating button
11
+ var downloadBtnContainer=document.createElement("div");downloadBtnContainer.id="canvas-pdf-download-container";downloadBtnContainer.style.cssText="\n position: fixed;\n top: 10px;\n right: 10px;\n z-index: 10000;\n display: flex;\n align-items: center;\n gap: 8px;\n ";var downloadBtn=document.createElement("button");downloadBtn.innerHTML="\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path>\n <polyline points=\"7 10 12 15 17 10\"></polyline>\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"></line>\n </svg>\n <span>Download PDF</span>\n ";downloadBtn.className="canvas-pdf-download-btn";downloadBtn.title="Download canvas as PDF";downloadBtn.style.cssText="\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px 16px;\n background: #4f46e5;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n transition: background-color 0.2s;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n ";downloadBtn.addEventListener("mouseenter",function(){downloadBtn.style.background="#4338ca"});downloadBtn.addEventListener("mouseleave",function(){downloadBtn.style.background="#4f46e5"});downloadBtn.addEventListener("click",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(){return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.prev=0;downloadBtn.disabled=true;downloadBtn.style.opacity="0.6";downloadBtn.style.cursor="wait";_context2.next=6;return exportEditorToPDF(editor,"canvas-export.pdf");case 6:downloadBtn.disabled=false;downloadBtn.style.opacity="1";downloadBtn.style.cursor="pointer";_context2.next=18;break;case 11:_context2.prev=11;_context2.t0=_context2["catch"](0);// eslint-disable-next-line no-console
12
+ console.error("Failed to export PDF:",_context2.t0);alert("Failed to export PDF. Please try again or check the console for details.");downloadBtn.disabled=false;downloadBtn.style.opacity="1";downloadBtn.style.cursor="pointer";case 18:case"end":return _context2.stop()}},_callee2,null,[[0,11]])})));downloadBtnContainer.appendChild(downloadBtn);document.body.appendChild(downloadBtnContainer);TypesToRegister.forEach(function(_ref5){var type=_ref5.type,tagName=_ref5.tagName;if(!editor.DomComponents.getType(type)){editor.DomComponents.addType(type,{model:{defaults:{tagName:tagName}},view:{}})}});if(json&&((_json$pages=json.pages)==null?void 0:_json$pages.length)>0&&((_json$pages$0$frames=json.pages[0].frames)==null?void 0:_json$pages$0$frames.length)>0){isSystemUpdateRef.current=true;var raw=json.pages[0].frames[0].component;var processed=expandActions(raw);editor.setComponents(processed);var cssText=convertStyles(json.styles||[]);editor.setStyle(cssText);editor.on("load",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(){return _regeneratorRuntime.wrap(function _callee3$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.t0=JSON;_context3.next=3;return editor.store();case 3:_context3.t1=_context3.sent;lastJsonRef.current=_context3.t0.stringify.call(_context3.t0,_context3.t1);isSystemUpdateRef.current=false;case 6:case"end":return _context3.stop()}},_callee3)})))}return function cleanup(){// Remove download button on cleanup
13
+ var downloadContainer=document.getElementById("canvas-pdf-download-container");if(downloadContainer){document.body.removeChild(downloadContainer)}editor.destroy();isEditorAliveRef.current=false}},[json,mode]);return/*#__PURE__*/_jsxs(React.Fragment,{children:[/*#__PURE__*/_jsx(StyledEditor,{}),/*#__PURE__*/_jsx("div",{ref:editorRef,id:"grapesjs-editor"})]})}export default GrapesjsCanvas;
11
14
  //# sourceMappingURL=GrapesjsCanvas.js.map
package/GrapesjsCanvas.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GrapesjsCanvas.js","names":["React","useEffect","useRef","grapesjs","tailwind","TypesToRegister","toKebabCase","tailwindCompiledCss","datePickerCss","createGrapesjsShadcnGenericPlugin","StyledEditor","jsx","_jsx","jsxs","_jsxs","setComponentProperties","editor","isPreview","setPropertiesRecursively","comp","set","editable","draggable","droppable","getName","selectable","hoverable","highlightable","copyable","resizable","removable","badgable","attributes","command","components","forEach","runCommand","stopCommand","wrapper","getWrapper","find","convertStyles","stylesArray","map","block","selectors","Array","isArray","join","declarations","Object","entries","style","_ref","prop","value","createActionCardConfig","action","icon","title","description","type","componentName","componentProps","headerContent","bodyContent","expandActions","node","_node$componentProps","actions","length","_extends","classes","concat","undefined","i","id","setInteracting","renderedComponents","inProgress","component","componentId","showLoader","gjsModel","get","interactionApiInProgress","expandActionsComponent","model","append","addClass","GrapesjsCanvas","_ref2","json","_ref2$mode","mode","setEditor","performInteraction","_ref2$newDataNotifier","newDataNotifier","_ref2$setHasChanged","setHasChanged","isStreaming","editorRef","editorInstance","isStreamingRef","isSystemUpdateRef","lastJsonRef","isEditorAliveRef","current","notificationHandler","props","_props$newProps","newProps","_props$newAttributes","newAttributes","filteredProps","keys","key","name","parsedNewProps","pagination","isActionsComponent","hasValidActionsData","_model$components$at","isAlreadyExpanded","at","performInteractionWrapper","_x","_performInteractionWrapper","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee4","payload","_editorInstance$curre","updatedJson","apiResponse","componentUpdates","wrap","_callee4$","_context4","prev","next","store","sent","affectedComponents","_ref6","error","isMissing","abrupt","t0","errorMessage","Error","message","finish","stop","_json$pages","_json$pages$0$frames","destroy","currentMode","init","container","height","plugins","storageManager","richTextEditor","canvas","customBadgeLabel","tagName","injectionAttempts","injectStylesEarly","_editor$Canvas","iframeDoc","Canvas","getDocument","head","querySelector","createElement","fullCss","innerHTML","setAttribute","appendChild","requestAnimationFrame","checkDirty","_checkDirty","_callee3","stored","newJson","_callee3$","_context3","JSON","stringify","debouncedCheckDirty","timeout","clearTimeout","setTimeout","evt","on","includes","_callee","canvasDoc","canvasHead","_callee$","_context","t1","call","_ref4","DomComponents","getType","addType","defaults","view","pages","frames","raw","processed","setComponents","cssText","styles","setStyle","_callee2","_callee2$","_context2","cleanup","Fragment","children","ref"],"sources":["../src/GrapesjsCanvas.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useRef } from 'react';\n// eslint-disable-next-line import/no-named-as-default\nimport grapesjs, { Component, Editor } from 'grapesjs';\nimport 'grapesjs/dist/css/grapes.min.css';\nimport tailwind from 'grapesjs-tailwind';\n\nimport { TypesToRegister } from './constants';\nimport { toKebabCase } from './helpers';\nimport { tailwindCompiledCss } from './helpers/css';\nimport { datePickerCss } from './helpers/date-picker';\nimport { createGrapesjsShadcnGenericPlugin } from './plugins/grapejs-plugin';\nimport { StyledEditor } from './index.styles';\n\ntype NotificationHandler = (newData: {\n componentId: string;\n newProps: Record<string, any>;\n newAttributes: Record<string, any>;\n}) => boolean;\n\ntype GrapesjsCanvasProps = {\n json: any;\n mode?: 'editor' | 'preview';\n setEditor: (editor: Editor) => void;\n performInteraction: (payload: Record<string, any>) => Promise<Record<string, any> | undefined>;\n newDataNotifier: (notifHandler: NotificationHandler) => void;\n setHasChanged: (hasChanged: boolean) => void;\n isStreaming: boolean;\n};\n\nfunction setComponentProperties(editor: Editor, isPreview: boolean) {\n function setPropertiesRecursively(comp: Component) {\n comp.set({\n editable: !isPreview,\n draggable: !isPreview,\n droppable: !isPreview && comp.getName() !== 'Shadcn-generic',\n selectable: !isPreview,\n hoverable: !isPreview,\n highlightable: !isPreview,\n copyable: false,\n resizable: false,\n removable: !isPreview,\n badgable: false,\n });\n\n if (!isPreview) {\n comp.set('toolbar', [\n { attributes: { class: 'fa fa-arrows' }, command: 'tlb-move' },\n { attributes: { class: 'fa fa-trash' }, command: 'tlb-delete' },\n ]);\n }\n\n comp.components().forEach(setPropertiesRecursively);\n }\n\n if (isPreview) {\n editor.runCommand('core:preview');\n } else {\n editor.stopCommand('core:preview');\n }\n\n const wrapper = editor.getWrapper();\n wrapper?.find('*').forEach(setPropertiesRecursively);\n}\n\nfunction convertStyles(stylesArray: any[]): string {\n return stylesArray\n .map((block) => {\n const selectors = Array.isArray(block.selectors)\n ? block.selectors.join(', ')\n : block.selectors;\n const declarations = Object.entries(block.style)\n .map(([prop, value]) => `${toKebabCase(prop)}: ${value};`)\n .join(' ');\n\n return `${selectors} { ${declarations} }`;\n })\n .join('\\n');\n}\n\nfunction createActionCardConfig(action: any): any {\n const { icon, title, description } = action;\n\n return {\n type: 'shadcn-generic',\n componentName: 'ActionCard',\n badgable: false,\n copyable: false,\n removable: true,\n draggable: true,\n componentProps: {\n icon,\n headerContent: title,\n bodyContent: description,\n },\n };\n}\n\nfunction expandActions(node: any): any {\n if (node.type === 'shadcn-generic' && node.componentName === 'Actions') {\n const actions = node.componentProps?.actions;\n\n if (Array.isArray(actions) && actions.length > 0) {\n return {\n ...node,\n type: 'div',\n classes: ['dashboard-cards', ...(node.classes || [])],\n componentName: undefined,\n componentProps: undefined,\n components: actions.map((action: any, i: number) => ({\n ...createActionCardConfig(action),\n id: `${node.id}--action-card-${i}`,\n })),\n };\n }\n\n return node;\n }\n\n if (Array.isArray(node.components)) {\n return {\n ...node,\n components: node.components.map(expandActions),\n };\n }\n\n return node;\n}\n\nfunction setInteracting(\n renderedComponents: Record<string, Component>,\n components: { componentId: string; showLoader: boolean }[],\n inProgress: boolean,\n) {\n components.forEach((component) => {\n const { componentId, showLoader } = component;\n\n if (!showLoader) {\n return;\n }\n\n const gjsModel = renderedComponents[componentId];\n\n if (gjsModel) {\n gjsModel.set('attributes', {\n ...gjsModel.get('attributes'),\n interactionApiInProgress: inProgress,\n });\n }\n });\n}\n\nfunction expandActionsComponent(model: Component, actions: any[]): void {\n model.components('');\n\n actions.forEach((action: any) => {\n model.append(createActionCardConfig(action));\n });\n\n model.set('type', 'div');\n model.addClass('dashboard-cards');\n model.set('componentName', undefined);\n model.set('componentProps', {});\n}\n\nfunction GrapesjsCanvas({\n json,\n mode = 'preview',\n setEditor,\n performInteraction,\n newDataNotifier = () => {\n // no op\n },\n setHasChanged = () => {\n // no op\n },\n isStreaming,\n}: GrapesjsCanvasProps) {\n const editorRef = useRef<HTMLDivElement>(null);\n const editorInstance = useRef<Editor | null>(null);\n const renderedComponents = useRef<Record<string, Component>>({});\n const isStreamingRef = useRef(isStreaming);\n const isSystemUpdateRef = useRef(false);\n const lastJsonRef = useRef<string>('');\n const isEditorAliveRef = useRef(false);\n\n useEffect(() => {\n isStreamingRef.current = isStreaming;\n }, [isStreaming]);\n\n function notificationHandler(\n props: Parameters<NotificationHandler>[0],\n ): ReturnType<NotificationHandler> {\n if (!props) {\n return true;\n }\n\n const { componentId, newProps = {}, newAttributes = {} } = props;\n\n const model = renderedComponents.current[componentId];\n\n if (!model) {\n return false;\n }\n\n // Filter out complex placeholder objects by setting them to null\n // This ensures placeholder values are properly cleared and don't cause stale data issues\n const filteredProps = { ...newProps };\n\n Object.keys(filteredProps).forEach((key) => {\n const value = filteredProps[key];\n\n if (value && typeof value === 'object' && value.name === '__peak_placeholder') {\n filteredProps[key] = null;\n }\n });\n\n const parsedNewProps = {\n ...filteredProps,\n };\n\n if (filteredProps.pagination) {\n parsedNewProps.pagination = {\n ...(model.get('componentProps').pagination || {}),\n ...filteredProps.pagination,\n };\n }\n\n // Handle Actions component: expand into ActionCards when data arrives via streaming\n const isActionsComponent = model.get('componentName') === 'Actions';\n const hasValidActionsData =\n parsedNewProps.actions &&\n parsedNewProps.actions !== null &&\n Array.isArray(parsedNewProps.actions) &&\n parsedNewProps.actions.length > 0;\n\n if (isActionsComponent && hasValidActionsData) {\n const isAlreadyExpanded =\n model.components().length > 0 &&\n model.components().at(0)?.get('componentName') === 'ActionCard';\n\n if (!isAlreadyExpanded) {\n expandActionsComponent(model, parsedNewProps.actions);\n\n return true;\n }\n }\n\n model.set('componentProps', {\n ...model.get('componentProps'),\n ...parsedNewProps,\n });\n\n model.set('attributes', {\n ...model.get('attributes'),\n ...newAttributes,\n });\n\n return true;\n }\n\n useEffect(() => {\n newDataNotifier(notificationHandler);\n }, []);\n\n async function performInteractionWrapper(payload: Record<string, any>) {\n const updatedJson = await editorInstance.current?.store();\n setInteracting(renderedComponents.current, payload.affectedComponents, true);\n\n try {\n const apiResponse = await performInteraction({\n ...payload,\n json: updatedJson,\n });\n\n const componentUpdates = apiResponse || {};\n\n Object.entries(componentUpdates).forEach(([key, value]) => {\n const model = renderedComponents.current[key];\n\n if (model) {\n model.set('attributes', {\n ...model.get('attributes'),\n error: undefined,\n });\n\n model.set('componentProps', {\n ...model.get('componentProps'),\n ...value,\n error: undefined,\n isMissing: undefined,\n });\n }\n });\n\n return componentUpdates;\n } catch (error) {\n payload.affectedComponents.forEach((componentId: string) => {\n const model = renderedComponents.current[componentId];\n\n if (model) {\n const errorMessage =\n error instanceof Error ? error.message : 'Something went wrong. Please try again.';\n\n model.set('attributes', {\n ...model.get('attributes'),\n error: errorMessage,\n });\n\n model.set('componentProps', {\n ...model.get('componentProps'),\n error: errorMessage,\n isMissing: undefined,\n });\n }\n });\n\n throw error;\n } finally {\n setInteracting(renderedComponents.current, payload.affectedComponents, false);\n }\n }\n\n useEffect(() => {\n if (!editorRef.current) {\n return () => {\n // no op\n };\n }\n\n if (editorInstance.current) {\n editorInstance.current.destroy();\n editorInstance.current = null;\n isEditorAliveRef.current = false;\n }\n\n const currentMode = mode;\n\n const editor = grapesjs.init({\n container: editorRef.current,\n height: '100%',\n plugins: [\n tailwind,\n createGrapesjsShadcnGenericPlugin(\n currentMode,\n performInteractionWrapper,\n renderedComponents.current,\n setHasChanged,\n ),\n ],\n storageManager: { type: 'none' },\n richTextEditor: {\n actions: ['bold', 'italic', 'underline', 'strikethrough'],\n },\n canvas: {\n customBadgeLabel: (component) => {\n const tagName = component.get('tagName');\n\n return tagName === 'body' ? '' : tagName || '';\n },\n },\n });\n\n isEditorAliveRef.current = true;\n\n let injectionAttempts = 0;\n\n function injectStylesEarly() {\n const iframeDoc = editor.Canvas?.getDocument?.();\n\n if (iframeDoc && iframeDoc.head) {\n if (!iframeDoc.head.querySelector('[data-grapesjs-styles]')) {\n const style = iframeDoc.createElement('style');\n const fullCss = `\n ${tailwindCompiledCss}\n ${datePickerCss}\n ::-webkit-scrollbar {\n width: 0px;\n height: 0px;\n }\n html, body {\n overflow: auto !important;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n `;\n style.innerHTML = fullCss;\n style.setAttribute('type', 'text/css');\n style.setAttribute('data-grapesjs-styles', 'true');\n iframeDoc.head.appendChild(style);\n }\n } else if (injectionAttempts < 50) {\n injectionAttempts += 1;\n requestAnimationFrame(injectStylesEarly);\n }\n }\n\n requestAnimationFrame(injectStylesEarly);\n\n async function checkDirty() {\n if (isStreamingRef.current || isSystemUpdateRef.current) {\n return;\n }\n\n if (!isEditorAliveRef.current || !editorInstance.current) {\n return;\n }\n\n let stored = null;\n\n try {\n stored = await editorInstance.current.store();\n } catch (err) {\n return;\n }\n\n if (!stored) {\n return;\n }\n\n const newJson = JSON.stringify(stored);\n\n if (newJson !== lastJsonRef.current) {\n setHasChanged(true);\n lastJsonRef.current = newJson;\n }\n }\n\n const debouncedCheckDirty = (() => {\n let timeout: NodeJS.Timeout | null = null;\n\n return () => {\n if (timeout) {\n clearTimeout(timeout);\n }\n\n timeout = setTimeout(checkDirty, 200);\n };\n })();\n\n [\n 'component:add',\n 'component:remove',\n 'component:update:content',\n 'style:update',\n 'component:drag:end',\n 'rte:change',\n ].forEach((evt) => {\n editor.on(evt, debouncedCheckDirty);\n });\n\n editor.on('component:update', (model, prop) => {\n if (['attributes', 'componentProps', 'content'].includes(prop)) {\n debouncedCheckDirty();\n }\n });\n\n // Tailwind CSS rules aren't fully added to our component\n // So, adding them from here!\n editor.on('load', async () => {\n const canvasDoc = editor.Canvas.getDocument();\n const canvasHead = canvasDoc.head;\n\n if (!canvasHead.querySelector('[data-grapesjs-styles]')) {\n const style = canvasDoc.createElement('style');\n const fullCss = `\n ${tailwindCompiledCss}\n ${datePickerCss}\n ::-webkit-scrollbar {\n width: 0px;\n height: 0px;\n }\n html, body {\n overflow: auto !important;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n `;\n style.innerHTML = fullCss;\n style.setAttribute('type', 'text/css');\n style.setAttribute('data-grapesjs-styles', 'true');\n canvasHead.appendChild(style);\n }\n\n isSystemUpdateRef.current = true;\n setComponentProperties(editor, mode === 'preview');\n lastJsonRef.current = JSON.stringify(await editor.store());\n isSystemUpdateRef.current = false;\n });\n\n editorInstance.current = editor;\n\n if (setEditor) {\n setEditor(editor);\n }\n\n TypesToRegister.forEach(({ type, tagName }) => {\n if (!editor.DomComponents.getType(type)) {\n editor.DomComponents.addType(type, {\n model: {\n defaults: { tagName },\n },\n view: {},\n });\n }\n });\n\n if (json && json.pages?.length > 0 && json.pages[0].frames?.length > 0) {\n isSystemUpdateRef.current = true;\n const raw = json.pages[0].frames[0].component;\n const processed = expandActions(raw);\n editor.setComponents(processed);\n\n const cssText = convertStyles(json.styles || []);\n editor.setStyle(cssText);\n\n editor.on('load', async () => {\n lastJsonRef.current = JSON.stringify(await editor.store());\n isSystemUpdateRef.current = false;\n });\n }\n\n return function cleanup() {\n editor.destroy();\n isEditorAliveRef.current = false;\n };\n }, [json, mode]);\n\n return (\n <React.Fragment>\n <StyledEditor />\n <div ref={editorRef} id=\"grapesjs-editor\" />\n </React.Fragment>\n );\n}\n\nexport default GrapesjsCanvas;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"GrapesjsCanvas.js","names":["React","useEffect","useRef","grapesjs","tailwind","TypesToRegister","toKebabCase","tailwindCompiledCss","datePickerCss","exportEditorToPDF","createGrapesjsShadcnGenericPlugin","StyledEditor","jsx","_jsx","jsxs","_jsxs","setComponentProperties","editor","isPreview","setPropertiesRecursively","comp","set","editable","draggable","droppable","getName","selectable","hoverable","highlightable","copyable","resizable","removable","badgable","attributes","command","components","forEach","runCommand","stopCommand","wrapper","getWrapper","find","convertStyles","stylesArray","map","block","selectors","Array","isArray","join","declarations","Object","entries","style","_ref","prop","value","createActionCardConfig","action","icon","title","description","type","componentName","componentProps","headerContent","bodyContent","expandActions","node","_node$componentProps","actions","length","_extends","classes","concat","undefined","i","id","setInteracting","renderedComponents","inProgress","component","componentId","showLoader","gjsModel","get","interactionApiInProgress","expandActionsComponent","model","append","addClass","GrapesjsCanvas","_ref2","json","_ref2$mode","mode","setEditor","performInteraction","_ref2$newDataNotifier","newDataNotifier","_ref2$setHasChanged","setHasChanged","isStreaming","editorRef","editorInstance","isStreamingRef","isSystemUpdateRef","lastJsonRef","isEditorAliveRef","current","notificationHandler","props","_props$newProps","newProps","_props$newAttributes","newAttributes","filteredProps","keys","key","name","parsedNewProps","pagination","isActionsComponent","hasValidActionsData","_model$components$at","isAlreadyExpanded","at","performInteractionWrapper","_x","_performInteractionWrapper","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee5","payload","_editorInstance$curre","updatedJson","apiResponse","componentUpdates","wrap","_callee5$","_context5","prev","next","store","sent","affectedComponents","_ref7","error","isMissing","abrupt","t0","errorMessage","Error","message","finish","stop","_json$pages","_json$pages$0$frames","destroy","currentMode","init","container","height","plugins","storageManager","richTextEditor","canvas","customBadgeLabel","tagName","injectionAttempts","injectStylesEarly","_editor$Canvas","iframeDoc","Canvas","getDocument","head","querySelector","createElement","fullCss","innerHTML","setAttribute","appendChild","requestAnimationFrame","checkDirty","_checkDirty","_callee4","stored","newJson","_callee4$","_context4","JSON","stringify","debouncedCheckDirty","timeout","clearTimeout","setTimeout","evt","on","includes","_callee","canvasDoc","canvasHead","_callee$","_context","t1","call","downloadBtnContainer","document","cssText","downloadBtn","className","addEventListener","background","_callee2","_callee2$","_context2","disabled","opacity","cursor","console","alert","body","_ref5","DomComponents","getType","addType","defaults","view","pages","frames","raw","processed","setComponents","styles","setStyle","_callee3","_callee3$","_context3","cleanup","downloadContainer","getElementById","removeChild","Fragment","children","ref"],"sources":["../src/GrapesjsCanvas.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useRef } from 'react';\n// eslint-disable-next-line import/no-named-as-default\nimport grapesjs, { Component, Editor } from 'grapesjs';\nimport 'grapesjs/dist/css/grapes.min.css';\nimport tailwind from 'grapesjs-tailwind';\n\nimport { TypesToRegister } from './constants';\nimport { toKebabCase } from './helpers';\nimport { tailwindCompiledCss } from './helpers/css';\nimport { datePickerCss } from './helpers/date-picker';\nimport { exportEditorToPDF } from './helpers/pdf-export';\nimport { createGrapesjsShadcnGenericPlugin } from './plugins/grapejs-plugin';\nimport { StyledEditor } from './index.styles';\n\ntype NotificationHandler = (newData: {\n componentId: string;\n newProps: Record<string, any>;\n newAttributes: Record<string, any>;\n}) => boolean;\n\ntype GrapesjsCanvasProps = {\n json: any;\n mode?: 'editor' | 'preview';\n setEditor: (editor: Editor) => void;\n performInteraction: (payload: Record<string, any>) => Promise<Record<string, any> | undefined>;\n newDataNotifier: (notifHandler: NotificationHandler) => void;\n setHasChanged: (hasChanged: boolean) => void;\n isStreaming: boolean;\n};\n\nfunction setComponentProperties(editor: Editor, isPreview: boolean) {\n function setPropertiesRecursively(comp: Component) {\n comp.set({\n editable: !isPreview,\n draggable: !isPreview,\n droppable: !isPreview && comp.getName() !== 'Shadcn-generic',\n selectable: !isPreview,\n hoverable: !isPreview,\n highlightable: !isPreview,\n copyable: false,\n resizable: false,\n removable: !isPreview,\n badgable: false,\n });\n\n if (!isPreview) {\n comp.set('toolbar', [\n { attributes: { class: 'fa fa-arrows' }, command: 'tlb-move' },\n { attributes: { class: 'fa fa-trash' }, command: 'tlb-delete' },\n ]);\n }\n\n comp.components().forEach(setPropertiesRecursively);\n }\n\n if (isPreview) {\n editor.runCommand('core:preview');\n } else {\n editor.stopCommand('core:preview');\n }\n\n const wrapper = editor.getWrapper();\n wrapper?.find('*').forEach(setPropertiesRecursively);\n}\n\nfunction convertStyles(stylesArray: any[]): string {\n return stylesArray\n .map((block) => {\n const selectors = Array.isArray(block.selectors)\n ? block.selectors.join(', ')\n : block.selectors;\n const declarations = Object.entries(block.style)\n .map(([prop, value]) => `${toKebabCase(prop)}: ${value};`)\n .join(' ');\n\n return `${selectors} { ${declarations} }`;\n })\n .join('\\n');\n}\n\nfunction createActionCardConfig(action: any): any {\n const { icon, title, description } = action;\n\n return {\n type: 'shadcn-generic',\n componentName: 'ActionCard',\n badgable: false,\n copyable: false,\n removable: true,\n draggable: true,\n componentProps: {\n icon,\n headerContent: title,\n bodyContent: description,\n },\n };\n}\n\nfunction expandActions(node: any): any {\n if (node.type === 'shadcn-generic' && node.componentName === 'Actions') {\n const actions = node.componentProps?.actions;\n\n if (Array.isArray(actions) && actions.length > 0) {\n return {\n ...node,\n type: 'div',\n classes: ['dashboard-cards', ...(node.classes || [])],\n componentName: undefined,\n componentProps: undefined,\n components: actions.map((action: any, i: number) => ({\n ...createActionCardConfig(action),\n id: `${node.id}--action-card-${i}`,\n })),\n };\n }\n\n return node;\n }\n\n if (Array.isArray(node.components)) {\n return {\n ...node,\n components: node.components.map(expandActions),\n };\n }\n\n return node;\n}\n\nfunction setInteracting(\n renderedComponents: Record<string, Component>,\n components: { componentId: string; showLoader: boolean }[],\n inProgress: boolean,\n) {\n components.forEach((component) => {\n const { componentId, showLoader } = component;\n\n if (!showLoader) {\n return;\n }\n\n const gjsModel = renderedComponents[componentId];\n\n if (gjsModel) {\n gjsModel.set('attributes', {\n ...gjsModel.get('attributes'),\n interactionApiInProgress: inProgress,\n });\n }\n });\n}\n\nfunction expandActionsComponent(model: Component, actions: any[]): void {\n model.components('');\n\n actions.forEach((action: any) => {\n model.append(createActionCardConfig(action));\n });\n\n model.set('type', 'div');\n model.addClass('dashboard-cards');\n model.set('componentName', undefined);\n model.set('componentProps', {});\n}\n\nfunction GrapesjsCanvas({\n json,\n mode = 'preview',\n setEditor,\n performInteraction,\n newDataNotifier = () => {\n // no op\n },\n setHasChanged = () => {\n // no op\n },\n isStreaming,\n}: GrapesjsCanvasProps) {\n const editorRef = useRef<HTMLDivElement>(null);\n const editorInstance = useRef<Editor | null>(null);\n const renderedComponents = useRef<Record<string, Component>>({});\n const isStreamingRef = useRef(isStreaming);\n const isSystemUpdateRef = useRef(false);\n const lastJsonRef = useRef<string>('');\n const isEditorAliveRef = useRef(false);\n\n useEffect(() => {\n isStreamingRef.current = isStreaming;\n }, [isStreaming]);\n\n function notificationHandler(\n props: Parameters<NotificationHandler>[0],\n ): ReturnType<NotificationHandler> {\n if (!props) {\n return true;\n }\n\n const { componentId, newProps = {}, newAttributes = {} } = props;\n\n const model = renderedComponents.current[componentId];\n\n if (!model) {\n return false;\n }\n\n // Filter out complex placeholder objects by setting them to null\n // This ensures placeholder values are properly cleared and don't cause stale data issues\n const filteredProps = { ...newProps };\n\n Object.keys(filteredProps).forEach((key) => {\n const value = filteredProps[key];\n\n if (value && typeof value === 'object' && value.name === '__peak_placeholder') {\n filteredProps[key] = null;\n }\n });\n\n const parsedNewProps = {\n ...filteredProps,\n };\n\n if (filteredProps.pagination) {\n parsedNewProps.pagination = {\n ...(model.get('componentProps').pagination || {}),\n ...filteredProps.pagination,\n };\n }\n\n // Handle Actions component: expand into ActionCards when data arrives via streaming\n const isActionsComponent = model.get('componentName') === 'Actions';\n const hasValidActionsData =\n parsedNewProps.actions &&\n parsedNewProps.actions !== null &&\n Array.isArray(parsedNewProps.actions) &&\n parsedNewProps.actions.length > 0;\n\n if (isActionsComponent && hasValidActionsData) {\n const isAlreadyExpanded =\n model.components().length > 0 &&\n model.components().at(0)?.get('componentName') === 'ActionCard';\n\n if (!isAlreadyExpanded) {\n expandActionsComponent(model, parsedNewProps.actions);\n\n return true;\n }\n }\n\n model.set('componentProps', {\n ...model.get('componentProps'),\n ...parsedNewProps,\n });\n\n model.set('attributes', {\n ...model.get('attributes'),\n ...newAttributes,\n });\n\n return true;\n }\n\n useEffect(() => {\n newDataNotifier(notificationHandler);\n }, []);\n\n async function performInteractionWrapper(payload: Record<string, any>) {\n const updatedJson = await editorInstance.current?.store();\n setInteracting(renderedComponents.current, payload.affectedComponents, true);\n\n try {\n const apiResponse = await performInteraction({\n ...payload,\n json: updatedJson,\n });\n\n const componentUpdates = apiResponse || {};\n\n Object.entries(componentUpdates).forEach(([key, value]) => {\n const model = renderedComponents.current[key];\n\n if (model) {\n model.set('attributes', {\n ...model.get('attributes'),\n error: undefined,\n });\n\n model.set('componentProps', {\n ...model.get('componentProps'),\n ...value,\n error: undefined,\n isMissing: undefined,\n });\n }\n });\n\n return componentUpdates;\n } catch (error) {\n payload.affectedComponents.forEach((componentId: string) => {\n const model = renderedComponents.current[componentId];\n\n if (model) {\n const errorMessage =\n error instanceof Error ? error.message : 'Something went wrong. Please try again.';\n\n model.set('attributes', {\n ...model.get('attributes'),\n error: errorMessage,\n });\n\n model.set('componentProps', {\n ...model.get('componentProps'),\n error: errorMessage,\n isMissing: undefined,\n });\n }\n });\n\n throw error;\n } finally {\n setInteracting(renderedComponents.current, payload.affectedComponents, false);\n }\n }\n\n useEffect(() => {\n if (!editorRef.current) {\n return () => {\n // no op\n };\n }\n\n if (editorInstance.current) {\n editorInstance.current.destroy();\n editorInstance.current = null;\n isEditorAliveRef.current = false;\n }\n\n const currentMode = mode;\n\n const editor = grapesjs.init({\n container: editorRef.current,\n height: '100%',\n plugins: [\n tailwind,\n createGrapesjsShadcnGenericPlugin(\n currentMode,\n performInteractionWrapper,\n renderedComponents.current,\n setHasChanged,\n ),\n ],\n storageManager: { type: 'none' },\n richTextEditor: {\n actions: ['bold', 'italic', 'underline', 'strikethrough'],\n },\n canvas: {\n customBadgeLabel: (component) => {\n const tagName = component.get('tagName');\n\n return tagName === 'body' ? '' : tagName || '';\n },\n },\n });\n\n isEditorAliveRef.current = true;\n\n let injectionAttempts = 0;\n\n function injectStylesEarly() {\n const iframeDoc = editor.Canvas?.getDocument?.();\n\n if (iframeDoc && iframeDoc.head) {\n if (!iframeDoc.head.querySelector('[data-grapesjs-styles]')) {\n const style = iframeDoc.createElement('style');\n const fullCss = `\n ${tailwindCompiledCss}\n ${datePickerCss}\n ::-webkit-scrollbar {\n width: 0px;\n height: 0px;\n }\n html, body {\n overflow: auto !important;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n `;\n style.innerHTML = fullCss;\n style.setAttribute('type', 'text/css');\n style.setAttribute('data-grapesjs-styles', 'true');\n iframeDoc.head.appendChild(style);\n }\n } else if (injectionAttempts < 50) {\n injectionAttempts += 1;\n requestAnimationFrame(injectStylesEarly);\n }\n }\n\n requestAnimationFrame(injectStylesEarly);\n\n async function checkDirty() {\n if (isStreamingRef.current || isSystemUpdateRef.current) {\n return;\n }\n\n if (!isEditorAliveRef.current || !editorInstance.current) {\n return;\n }\n\n let stored = null;\n\n try {\n stored = await editorInstance.current.store();\n } catch (err) {\n return;\n }\n\n if (!stored) {\n return;\n }\n\n const newJson = JSON.stringify(stored);\n\n if (newJson !== lastJsonRef.current) {\n setHasChanged(true);\n lastJsonRef.current = newJson;\n }\n }\n\n const debouncedCheckDirty = (() => {\n let timeout: NodeJS.Timeout | null = null;\n\n return () => {\n if (timeout) {\n clearTimeout(timeout);\n }\n\n timeout = setTimeout(checkDirty, 200);\n };\n })();\n\n [\n 'component:add',\n 'component:remove',\n 'component:update:content',\n 'style:update',\n 'component:drag:end',\n 'rte:change',\n ].forEach((evt) => {\n editor.on(evt, debouncedCheckDirty);\n });\n\n editor.on('component:update', (model, prop) => {\n if (['attributes', 'componentProps', 'content'].includes(prop)) {\n debouncedCheckDirty();\n }\n });\n\n // Tailwind CSS rules aren't fully added to our component\n // So, adding them from here!\n editor.on('load', async () => {\n const canvasDoc = editor.Canvas.getDocument();\n const canvasHead = canvasDoc.head;\n\n if (!canvasHead.querySelector('[data-grapesjs-styles]')) {\n const style = canvasDoc.createElement('style');\n const fullCss = `\n ${tailwindCompiledCss}\n ${datePickerCss}\n ::-webkit-scrollbar {\n width: 0px;\n height: 0px;\n }\n html, body {\n overflow: auto !important;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n `;\n style.innerHTML = fullCss;\n style.setAttribute('type', 'text/css');\n style.setAttribute('data-grapesjs-styles', 'true');\n canvasHead.appendChild(style);\n }\n\n isSystemUpdateRef.current = true;\n setComponentProperties(editor, mode === 'preview');\n lastJsonRef.current = JSON.stringify(await editor.store());\n isSystemUpdateRef.current = false;\n });\n\n editorInstance.current = editor;\n\n if (setEditor) {\n setEditor(editor);\n }\n\n // Add PDF download button as a floating button\n const downloadBtnContainer = document.createElement('div');\n downloadBtnContainer.id = 'canvas-pdf-download-container';\n downloadBtnContainer.style.cssText = `\n position: fixed;\n top: 10px;\n right: 10px;\n z-index: 10000;\n display: flex;\n align-items: center;\n gap: 8px;\n `;\n\n const downloadBtn = document.createElement('button');\n downloadBtn.innerHTML = `\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path>\n <polyline points=\"7 10 12 15 17 10\"></polyline>\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"></line>\n </svg>\n <span>Download PDF</span>\n `;\n downloadBtn.className = 'canvas-pdf-download-btn';\n downloadBtn.title = 'Download canvas as PDF';\n downloadBtn.style.cssText = `\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px 16px;\n background: #4f46e5;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n transition: background-color 0.2s;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n `;\n \n downloadBtn.addEventListener('mouseenter', () => {\n downloadBtn.style.background = '#4338ca';\n });\n \n downloadBtn.addEventListener('mouseleave', () => {\n downloadBtn.style.background = '#4f46e5';\n });\n\n downloadBtn.addEventListener('click', async () => {\n try {\n downloadBtn.disabled = true;\n downloadBtn.style.opacity = '0.6';\n downloadBtn.style.cursor = 'wait';\n \n await exportEditorToPDF(editor, 'canvas-export.pdf');\n \n downloadBtn.disabled = false;\n downloadBtn.style.opacity = '1';\n downloadBtn.style.cursor = 'pointer';\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error('Failed to export PDF:', error);\n alert('Failed to export PDF. Please try again or check the console for details.');\n \n downloadBtn.disabled = false;\n downloadBtn.style.opacity = '1';\n downloadBtn.style.cursor = 'pointer';\n }\n });\n\n downloadBtnContainer.appendChild(downloadBtn);\n document.body.appendChild(downloadBtnContainer);\n\n TypesToRegister.forEach(({ type, tagName }) => {\n if (!editor.DomComponents.getType(type)) {\n editor.DomComponents.addType(type, {\n model: {\n defaults: { tagName },\n },\n view: {},\n });\n }\n });\n\n if (json && json.pages?.length > 0 && json.pages[0].frames?.length > 0) {\n isSystemUpdateRef.current = true;\n const raw = json.pages[0].frames[0].component;\n const processed = expandActions(raw);\n editor.setComponents(processed);\n\n const cssText = convertStyles(json.styles || []);\n editor.setStyle(cssText);\n\n editor.on('load', async () => {\n lastJsonRef.current = JSON.stringify(await editor.store());\n isSystemUpdateRef.current = false;\n });\n }\n\n return function cleanup() {\n // Remove download button on cleanup\n const downloadContainer = document.getElementById('canvas-pdf-download-container');\n\n if (downloadContainer) {\n document.body.removeChild(downloadContainer);\n }\n\n editor.destroy();\n isEditorAliveRef.current = false;\n };\n }, [json, mode]);\n\n return (\n <React.Fragment>\n <StyledEditor />\n <div ref={editorRef} id=\"grapesjs-editor\" />\n </React.Fragment>\n );\n}\n\nexport default GrapesjsCanvas;\n"],"mappings":"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","ignoreList":[]}
package/helpers/pdf-export.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { Editor } from 'grapesjs';
2
+ export declare function exportEditorToPDF(editor: Editor, filename?: string): Promise<void>;
package/helpers/pdf-export.js ADDED
@@ -0,0 +1,25 @@
1
+ import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _regeneratorRuntime from"@babel/runtime/regenerator";/* eslint-disable @typescript-eslint/no-explicit-any *//**
2
+ * Loads html2pdf.js from CDN if not already available
3
+ */function loadHtml2Pdf(){return new Promise(function(resolve,reject){if(typeof window.html2pdf!=="undefined"){resolve();return}// Load html2pdf.js from CDN
4
+ var script=document.createElement("script");script.src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js";script.onload=function(){return resolve()};script.onerror=function(){return reject(new Error("Failed to load html2pdf.js"))};document.head.appendChild(script)})}/**
5
+ * Exports the GrapesJS editor content as PDF
6
+ * @param editor - The GrapesJS editor instance
7
+ * @param filename - Optional filename for the PDF (default: 'canvas-export.pdf')
8
+ */export function exportEditorToPDF(_x,_x2){return _exportEditorToPDF.apply(this,arguments)}function _exportEditorToPDF(){_exportEditorToPDF=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(editor,filename){var canvasDoc,canvasBody,canvasWindow,clonedBody,printContainer,canvasStyles,styleContainer,opt,printWindow,allStyles;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:if(filename===void 0){filename="canvas-export.pdf"}_context.prev=1;// Get the canvas iframe document
9
+ canvasDoc=editor.Canvas.getDocument();canvasBody=canvasDoc.body;canvasWindow=editor.Canvas.getWindow();if(!(!canvasBody||!canvasWindow)){_context.next=7;break}throw new Error("Unable to access canvas content");case 7:// Create a clone of the body to avoid modifying the original
10
+ clonedBody=canvasBody.cloneNode(true);// Create a temporary container for PDF generation
11
+ printContainer=document.createElement("div");printContainer.style.position="absolute";printContainer.style.left="-9999px";printContainer.style.width="210mm";// A4 width
12
+ printContainer.style.background="white";printContainer.style.padding="20mm";printContainer.style.fontSize="12pt";document.body.appendChild(printContainer);// Copy styles from the canvas
13
+ canvasStyles=canvasDoc.querySelectorAll("style, link[rel=\"stylesheet\"]");styleContainer=document.createElement("div");canvasStyles.forEach(function(style){var clonedStyle=style.cloneNode(true);styleContainer.appendChild(clonedStyle)});// Note: We don't need to inline computed styles here as html2pdf.js/html2canvas
14
+ // will handle rendering, and the browser print fallback will use the stylesheets
15
+ // Append cloned content to print container
16
+ printContainer.appendChild(styleContainer);printContainer.appendChild(clonedBody);// Wait for fonts and images to load
17
+ _context.next=23;return new Promise(function(resolve){setTimeout(resolve,500)});case 23:_context.prev=23;_context.next=26;return loadHtml2Pdf();case 26:opt={filename:filename,html2canvas:{letterRendering:true,logging:false,scale:2,useCORS:true,windowHeight:canvasWindow.innerHeight,windowWidth:canvasWindow.innerWidth},image:{quality:0.98,type:"jpeg"},jsPDF:{format:"a4",orientation:"portrait",unit:"mm"},margin:[10,10,10,10]};_context.next=29;return window.html2pdf().set(opt).from(printContainer).save();case 29:_context.next=42;break;case 31:_context.prev=31;_context.t0=_context["catch"](23);// Fallback: Use browser print functionality
18
+ // eslint-disable-next-line no-console
19
+ console.warn("html2pdf.js not available, using browser print fallback:",_context.t0);printWindow=window.open("","_blank");if(printWindow){_context.next=37;break}throw new Error("Popup blocked. Please allow popups for this site.");case 37:// Collect all styles from the canvas
20
+ allStyles=Array.from(canvasDoc.querySelectorAll("style")).map(function(style){return style.textContent}).join("\n");printWindow.document.write("\n <!DOCTYPE html>\n <html>\n <head>\n <title>"+filename.replace(".pdf","")+"</title>\n <meta charset=\"utf-8\">\n <style>\n @media print {\n @page {\n margin: 0;\n size: A4;\n }\n body {\n margin: 0;\n padding: 20mm;\n }\n }\n body {\n margin: 0;\n padding: 20mm;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n background: white;\n }\n "+allStyles+"\n </style>\n </head>\n <body>\n "+clonedBody.innerHTML+"\n </body>\n </html>\n ");printWindow.document.close();_context.next=42;return new Promise(function(resolve){printWindow.onload=function(){setTimeout(function(){printWindow.print();// Close window after print dialog
21
+ setTimeout(function(){printWindow.close();resolve()},1000)},500)};// Fallback if onload doesn't fire
22
+ setTimeout(function(){if(printWindow.document.readyState==="complete"){printWindow.print();setTimeout(function(){printWindow.close();resolve()},1000)}},1000)});case 42:// Cleanup
23
+ if(printContainer.parentNode){document.body.removeChild(printContainer)}_context.next=49;break;case 45:_context.prev=45;_context.t1=_context["catch"](1);// eslint-disable-next-line no-console
24
+ console.error("Error exporting to PDF:",_context.t1);throw _context.t1;case 49:case"end":return _context.stop()}},_callee,null,[[1,45],[23,31]])}));return _exportEditorToPDF.apply(this,arguments)}
25
+ //# sourceMappingURL=pdf-export.js.map
package/helpers/pdf-export.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pdf-export.js","names":["loadHtml2Pdf","Promise","resolve","reject","window","html2pdf","script","document","createElement","src","onload","onerror","Error","head","appendChild","exportEditorToPDF","_x","_x2","_exportEditorToPDF","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee","editor","filename","canvasDoc","canvasBody","canvasWindow","clonedBody","printContainer","canvasStyles","styleContainer","opt","printWindow","allStyles","wrap","_callee$","_context","prev","next","Canvas","getDocument","body","getWindow","cloneNode","style","position","left","width","background","padding","fontSize","querySelectorAll","forEach","clonedStyle","setTimeout","html2canvas","letterRendering","logging","scale","useCORS","windowHeight","innerHeight","windowWidth","innerWidth","image","quality","type","jsPDF","format","orientation","unit","margin","set","from","save","t0","console","warn","open","Array","map","textContent","join","write","replace","innerHTML","close","print","readyState","parentNode","removeChild","t1","error","stop"],"sources":["../../src/helpers/pdf-export.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Editor } from 'grapesjs';\n\n/**\n * Loads html2pdf.js from CDN if not already available\n */\nfunction loadHtml2Pdf(): Promise<void> {\n return new Promise((resolve, reject) => {\n if (typeof (window as any).html2pdf !== 'undefined') {\n resolve();\n\n return;\n }\n\n // Load html2pdf.js from CDN\n const script = document.createElement('script');\n script.src = 'https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js';\n script.onload = () => resolve();\n script.onerror = () => reject(new Error('Failed to load html2pdf.js'));\n document.head.appendChild(script);\n });\n}\n\n/**\n * Exports the GrapesJS editor content as PDF\n * @param editor - The GrapesJS editor instance\n * @param filename - Optional filename for the PDF (default: 'canvas-export.pdf')\n */\nexport async function exportEditorToPDF(\n editor: Editor,\n filename = 'canvas-export.pdf',\n): Promise<void> {\n try {\n // Get the canvas iframe document\n const canvasDoc = editor.Canvas.getDocument();\n const canvasBody = canvasDoc.body;\n const canvasWindow = editor.Canvas.getWindow();\n\n if (!canvasBody || !canvasWindow) {\n throw new Error('Unable to access canvas content');\n }\n\n // Create a clone of the body to avoid modifying the original\n const clonedBody = canvasBody.cloneNode(true) as HTMLElement;\n\n // Create a temporary container for PDF generation\n const printContainer = document.createElement('div');\n printContainer.style.position = 'absolute';\n printContainer.style.left = '-9999px';\n printContainer.style.width = '210mm'; // A4 width\n printContainer.style.background = 'white';\n printContainer.style.padding = '20mm';\n printContainer.style.fontSize = '12pt';\n document.body.appendChild(printContainer);\n\n // Copy styles from the canvas\n const canvasStyles = canvasDoc.querySelectorAll('style, link[rel=\"stylesheet\"]');\n const styleContainer = document.createElement('div');\n \n canvasStyles.forEach((style) => {\n const clonedStyle = style.cloneNode(true);\n styleContainer.appendChild(clonedStyle);\n });\n\n // Note: We don't need to inline computed styles here as html2pdf.js/html2canvas\n // will handle rendering, and the browser print fallback will use the stylesheets\n\n // Append cloned content to print container\n printContainer.appendChild(styleContainer);\n printContainer.appendChild(clonedBody);\n\n // Wait for fonts and images to load\n await new Promise((resolve) => {\n setTimeout(resolve, 500);\n });\n\n try {\n // Try to load and use html2pdf.js\n await loadHtml2Pdf();\n\n const opt = {\n filename,\n html2canvas: {\n letterRendering: true,\n logging: false,\n scale: 2,\n useCORS: true,\n windowHeight: canvasWindow.innerHeight,\n windowWidth: canvasWindow.innerWidth,\n },\n image: { quality: 0.98, type: 'jpeg' },\n jsPDF: {\n format: 'a4',\n orientation: 'portrait',\n unit: 'mm',\n },\n margin: [10, 10, 10, 10],\n };\n\n await (window as any).html2pdf().set(opt).from(printContainer).save();\n } catch (html2pdfError) {\n // Fallback: Use browser print functionality\n // eslint-disable-next-line no-console\n console.warn('html2pdf.js not available, using browser print fallback:', html2pdfError);\n \n const printWindow = window.open('', '_blank');\n \n if (!printWindow) {\n throw new Error('Popup blocked. Please allow popups for this site.');\n }\n\n // Collect all styles from the canvas\n const allStyles = Array.from(canvasDoc.querySelectorAll('style'))\n .map((style) => style.textContent)\n .join('\\n');\n\n printWindow.document.write(`\n <!DOCTYPE html>\n <html>\n <head>\n <title>${filename.replace('.pdf', '')}</title>\n <meta charset=\"utf-8\">\n <style>\n @media print {\n @page {\n margin: 0;\n size: A4;\n }\n body {\n margin: 0;\n padding: 20mm;\n }\n }\n body {\n margin: 0;\n padding: 20mm;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n background: white;\n }\n ${allStyles}\n </style>\n </head>\n <body>\n ${clonedBody.innerHTML}\n </body>\n </html>\n `);\n\n printWindow.document.close();\n\n await new Promise<void>((resolve) => {\n printWindow.onload = () => {\n setTimeout(() => {\n printWindow.print();\n // Close window after print dialog\n setTimeout(() => {\n printWindow.close();\n resolve();\n }, 1000);\n }, 500);\n };\n \n // Fallback if onload doesn't fire\n setTimeout(() => {\n if (printWindow.document.readyState === 'complete') {\n printWindow.print();\n setTimeout(() => {\n printWindow.close();\n resolve();\n }, 1000);\n }\n }, 1000);\n });\n }\n\n // Cleanup\n if (printContainer.parentNode) {\n document.body.removeChild(printContainer);\n }\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error('Error exporting to PDF:', error);\n\n throw error;\n }\n}\n\n"],"mappings":"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","ignoreList":[]}
package/index.styles.js CHANGED
@@ -1,2 +1,2 @@
1
- import{createGlobalStyle}from"styled-components";export var StyledEditor=createGlobalStyle([".gs-sidebar-left,.gs-sidebar-top,.gs-sidebar-right,.gjs-pn-panels,.gjs-pn-views,.gjs-off-prv,.gjs-pn-devices{display:none !important;}.gjs-badge-label{display:none !important;}.gjs-cv-canvas{height:100% !important;width:100% !important;top:0 !important;}.gjs-hovered,.gjs-selected,[data-gjs-type],[data-highlightable]{outline:none !important;}.gjs-highlighter,.gjs-highlighter-sel,.gjs-selected-parent,.gjs-toolbar{outline:none !important;border:none !important;box-shadow:none !important;}.gjs-frame{outline:none !important;border:none !important;}.gjs-selected::before,.gjs-selected::after,.gjs-hovered::before,.gjs-hovered::after{display:none !important;background:none !important;}.gjs-com-badge,.gjs-badge{display:none !important;}"]);
1
+ import{createGlobalStyle}from"styled-components";export var StyledEditor=createGlobalStyle([".gs-sidebar-left,.gs-sidebar-top,.gs-sidebar-right,.gjs-pn-views,.gjs-off-prv,.gjs-pn-devices{display:none !important;}.gjs-pn-panels{display:none !important;}#canvas-pdf-download-container{position:fixed !important;top:10px !important;right:10px !important;z-index:10000 !important;}.canvas-pdf-download-btn:hover{background:#4338ca !important;}.canvas-pdf-download-btn:disabled{opacity:0.6 !important;cursor:wait !important;}.gjs-badge-label{display:none !important;}.gjs-cv-canvas{height:100% !important;width:100% !important;top:0 !important;}.gjs-hovered,.gjs-selected,[data-gjs-type],[data-highlightable]{outline:none !important;}.gjs-highlighter,.gjs-highlighter-sel,.gjs-selected-parent,.gjs-toolbar{outline:none !important;border:none !important;box-shadow:none !important;}.gjs-frame{outline:none !important;border:none !important;}.gjs-selected::before,.gjs-selected::after,.gjs-hovered::before,.gjs-hovered::after{display:none !important;background:none !important;}.gjs-com-badge,.gjs-badge{display:none !important;}"]);
2
2
  //# sourceMappingURL=index.styles.js.map
package/index.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.styles.js","names":["createGlobalStyle","StyledEditor"],"sources":["../src/index.styles.ts"],"sourcesContent":["import { createGlobalStyle } from 'styled-components';\n\nexport const StyledEditor = createGlobalStyle`\n /* Hide GrapesJS panels */\n .gs-sidebar-left,\n .gs-sidebar-top,\n .gs-sidebar-right,\n .gjs-pn-panels,\n .gjs-pn-views,\n .gjs-off-prv,\n .gjs-pn-devices {\n display: none !important;\n }\n\n .gjs-badge-label {\n display: none !important;\n }\n\n .gjs-cv-canvas {\n height: 100% !important;\n width: 100% !important;\n top: 0 !important;\n }\n\n .gjs-hovered, \n .gjs-selected,\n [data-gjs-type],\n [data-highlightable] {\n outline: none !important;\n }\n\n .gjs-highlighter, \n .gjs-highlighter-sel,\n .gjs-selected-parent,\n .gjs-toolbar {\n outline: none !important;\n border: none !important;\n box-shadow: none !important;\n }\n\n .gjs-frame {\n outline: none !important;\n border: none !important;\n }\n\n .gjs-selected::before,\n .gjs-selected::after,\n .gjs-hovered::before,\n .gjs-hovered::after {\n display: none !important;\n background: none !important;\n }\n\n .gjs-com-badge,\n .gjs-badge {\n display: none !important;\n }\n`;\n"],"mappings":"AAAA,OAASA,iBAAiB,KAAQ,mBAAmB,CAErD,MAAO,IAAM,CAAAC,YAAY,CAAGD,iBAAiB,suBAuD5C","ignoreList":[]}
1
+ {"version":3,"file":"index.styles.js","names":["createGlobalStyle","StyledEditor"],"sources":["../src/index.styles.ts"],"sourcesContent":["import { createGlobalStyle } from 'styled-components';\n\nexport const StyledEditor = createGlobalStyle`\n /* Hide GrapesJS panels */\n .gs-sidebar-left,\n .gs-sidebar-top,\n .gs-sidebar-right,\n .gjs-pn-views,\n .gjs-off-prv,\n .gjs-pn-devices {\n display: none !important;\n }\n\n /* Hide all panels */\n .gjs-pn-panels {\n display: none !important;\n }\n\n /* Style for PDF download button */\n #canvas-pdf-download-container {\n position: fixed !important;\n top: 10px !important;\n right: 10px !important;\n z-index: 10000 !important;\n }\n\n .canvas-pdf-download-btn:hover {\n background: #4338ca !important;\n }\n\n .canvas-pdf-download-btn:disabled {\n opacity: 0.6 !important;\n cursor: wait !important;\n }\n\n .gjs-badge-label {\n display: none !important;\n }\n\n .gjs-cv-canvas {\n height: 100% !important;\n width: 100% !important;\n top: 0 !important;\n }\n\n .gjs-hovered, \n .gjs-selected,\n [data-gjs-type],\n [data-highlightable] {\n outline: none !important;\n }\n\n .gjs-highlighter, \n .gjs-highlighter-sel,\n .gjs-selected-parent,\n .gjs-toolbar {\n outline: none !important;\n border: none !important;\n box-shadow: none !important;\n }\n\n .gjs-frame {\n outline: none !important;\n border: none !important;\n }\n\n .gjs-selected::before,\n .gjs-selected::after,\n .gjs-hovered::before,\n .gjs-hovered::after {\n display: none !important;\n background: none !important;\n }\n\n .gjs-com-badge,\n .gjs-badge {\n display: none !important;\n }\n`;\n"],"mappings":"AAAA,OAASA,iBAAiB,KAAQ,mBAAmB,CAErD,MAAO,IAAM,CAAAC,YAAY,CAAGD,iBAAiB,2gCA4E5C","ignoreList":[]}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@peak-ai/canvas",
3
3
  "author": "squad-builder-experience",
4
4
  "license": "UNLICENSED",
5
- "version": "1.4.27",
5
+ "version": "1.4.28-rc.1",
6
6
  "description": "",
7
7
  "dependencies": {
8
8
  "@emotion/react": "^11.11.4",