@peak-ai/canvas 1.5.2 → 1.6.0-rc.10
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.
- package/GrapesjsCanvas.d.ts +4 -3
- package/GrapesjsCanvas.js +16 -7
- package/GrapesjsCanvas.js.map +1 -1
- package/components/PageNavigator.d.ts +10 -0
- package/components/PageNavigator.js +2 -0
- package/components/PageNavigator.js.map +1 -0
- package/contexts/PageContext.d.ts +22 -0
- package/contexts/PageContext.js +3 -0
- package/contexts/PageContext.js.map +1 -0
- package/helpers/merge-json.d.ts +1 -3
- package/helpers/merge-json.js +1 -1
- package/helpers/merge-json.js.map +1 -1
- package/helpers/page-utils.d.ts +14 -0
- package/helpers/page-utils.js +4 -0
- package/helpers/page-utils.js.map +1 -0
- package/index.d.ts +3 -0
- package/index.js +1 -1
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/plugins/grapejs-plugin.d.ts +1 -1
- package/plugins/grapejs-plugin.js +4 -3
- package/plugins/grapejs-plugin.js.map +1 -1
- package/plugins/helpers/render-components.js +2 -1
- package/plugins/helpers/render-components.js.map +1 -1
- package/shadcn/components/ui/date-filter.d.ts +1 -1
- package/shadcn/components/ui/date-filter.js +2 -2
- package/shadcn/components/ui/date-filter.js.map +1 -1
- package/types/page.d.js +2 -0
- package/types/page.d.js.map +1 -0
package/GrapesjsCanvas.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Editor } from 'grapesjs';
|
|
2
2
|
import 'grapesjs/dist/css/grapes.min.css';
|
|
3
|
+
import type { PageAwareProps } from './types/page';
|
|
3
4
|
type NotificationHandler = (newData: {
|
|
4
5
|
componentId: string;
|
|
5
6
|
newProps: Record<string, any>;
|
|
@@ -15,6 +16,6 @@ type GrapesjsCanvasProps = {
|
|
|
15
16
|
isStreaming: boolean;
|
|
16
17
|
isModeChangeFromToggle?: boolean;
|
|
17
18
|
isTemplateView?: boolean;
|
|
18
|
-
};
|
|
19
|
-
declare function
|
|
20
|
-
export default
|
|
19
|
+
} & PageAwareProps;
|
|
20
|
+
declare function GrapejsCanvas(props: GrapesjsCanvasProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export default GrapejsCanvas;
|
package/GrapesjsCanvas.js
CHANGED
|
@@ -1,13 +1,22 @@
|
|
|
1
1
|
import _extends from"@babel/runtime/helpers/extends";import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _regeneratorRuntime from"@babel/runtime/regenerator";/* eslint-disable @typescript-eslint/no-explicit-any */import React,{useEffect,useRef,useState}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 isEditorCanvasReady(editor){try{var canvas=editor.Canvas;if(!canvas){return false}var canvasDoc=canvas.getDocument==null?void 0:canvas.getDocument();if(!canvasDoc){return false}var canvasBody=canvasDoc.body;if(!canvasBody){return false}return true}catch(_unused){return false}}function safeStoreEditor(_x){return _safeStoreEditor.apply(this,arguments)}function _safeStoreEditor(){_safeStoreEditor=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(editor){var _editor$Pages,wrapper,pages;return _regeneratorRuntime.wrap(function _callee5$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.prev=0;wrapper=editor.getWrapper();if(wrapper){_context5.next=4;break}return _context5.abrupt("return",null);case 4:pages=((_editor$Pages=editor.Pages)==null||_editor$Pages.getAll==null?void 0:_editor$Pages.getAll())||[];if(!(pages.length===0)){_context5.next=7;break}return _context5.abrupt("return",null);case 7:_context5.next=9;return editor.store();case 9:return _context5.abrupt("return",_context5.sent);case 12:_context5.prev=12;_context5.t0=_context5["catch"](0);// eslint-disable-next-line no-console
|
|
3
|
-
console.warn("Error during store operation:",_context5.t0);return _context5.abrupt("return",null);case 16:case"end":return _context5.stop()}},_callee5,null,[[0,12]])}));return _safeStoreEditor.apply(this,arguments)}function setComponentProperties(editor,isPreview,isStreaming){if(!editor){return}function setPropertiesRecursively(comp){var isMutable=!isPreview&&!isStreaming;comp.set({editable:isMutable,draggable:isMutable,droppable:isMutable&&comp.getName()!=="Shadcn-generic",selectable:isMutable,hoverable:isMutable,highlightable:isMutable,copyable:false,resizable:false,removable:isMutable,badgable:false});comp.set("attributes",_extends({},comp.get("attributes")||{},{isEditable:isMutable}));if(isMutable){comp.set("toolbar",[{attributes:{"class":"fa fa-arrows"},command:"tlb-move"},{attributes:{"class":"fa fa-trash"},command:"tlb-delete"}])}else{comp.set("toolbar",[])}comp.components().forEach(setPropertiesRecursively)}var wrapper=editor.getWrapper();var components=(wrapper==null?void 0:wrapper.find("*"))||[];components.forEach(setPropertiesRecursively);if(isEditorCanvasReady(editor)){if(isPreview){editor.runCommand("core:preview")}else{editor.stopCommand("core:preview")}}}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
|
|
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{extractPageMetadata,getCurrentPage,mergeStyles,normalizeMultiPageJson}from"./helpers/page-utils";import{createGrapesjsShadcnGenericPlugin}from"./plugins/grapejs-plugin";import{StyledEditor}from"./index.styles";import{PageProvider,usePageContext}from"./contexts/PageContext";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function isEditorCanvasReady(editor){try{var canvas=editor.Canvas;if(!canvas){return false}var canvasDoc=canvas.getDocument==null?void 0:canvas.getDocument();if(!canvasDoc){return false}var canvasBody=canvasDoc.body;if(!canvasBody){return false}return true}catch(_unused){return false}}function safeStoreEditor(_x){return _safeStoreEditor.apply(this,arguments)}function _safeStoreEditor(){_safeStoreEditor=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(editor){var _editor$Pages,wrapper,pages;return _regeneratorRuntime.wrap(function _callee5$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.prev=0;wrapper=editor.getWrapper();if(wrapper){_context5.next=4;break}return _context5.abrupt("return",null);case 4:pages=((_editor$Pages=editor.Pages)==null||_editor$Pages.getAll==null?void 0:_editor$Pages.getAll())||[];if(!(pages.length===0)){_context5.next=7;break}return _context5.abrupt("return",null);case 7:_context5.next=9;return editor.store();case 9:return _context5.abrupt("return",_context5.sent);case 12:_context5.prev=12;_context5.t0=_context5["catch"](0);// eslint-disable-next-line no-console
|
|
3
|
+
console.warn("Error during store operation:",_context5.t0);return _context5.abrupt("return",null);case 16:case"end":return _context5.stop()}},_callee5,null,[[0,12]])}));return _safeStoreEditor.apply(this,arguments)}function setComponentProperties(editor,isPreview,isStreaming){if(!editor){return}function setPropertiesRecursively(comp){var isMutable=!isPreview&&!isStreaming;comp.set({editable:isMutable,draggable:isMutable,droppable:isMutable&&comp.getName()!=="Shadcn-generic",selectable:isMutable,hoverable:isMutable,highlightable:isMutable,copyable:false,resizable:false,removable:isMutable,badgable:false});comp.set("attributes",_extends({},comp.get("attributes")||{},{isEditable:isMutable}));if(isMutable){comp.set("toolbar",[{attributes:{"class":"fa fa-arrows"},command:"tlb-move"},{attributes:{"class":"fa fa-trash"},command:"tlb-delete"}])}else{comp.set("toolbar",[])}comp.components().forEach(setPropertiesRecursively)}var wrapper=editor.getWrapper();var components=(wrapper==null?void 0:wrapper.find("*"))||[];components.forEach(setPropertiesRecursively);if(isEditorCanvasReady(editor)){if(isPreview){editor.runCommand("core:preview")}else{editor.stopCommand("core:preview")}}}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 GrapejsCanvasInternal(_ref2){var _pages$;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
|
|
4
4
|
}:_ref2$newDataNotifier,_ref2$setHasChanged=_ref2.setHasChanged,setHasChanged=_ref2$setHasChanged===void 0?function(){// no op
|
|
5
|
-
}:_ref2$setHasChanged,isStreaming=_ref2.isStreaming,_ref2$isModeChangeFro=_ref2.isModeChangeFromToggle,isModeChangeFromToggle=_ref2$isModeChangeFro===void 0?false:_ref2$isModeChangeFro,_ref2$isTemplateView=_ref2.isTemplateView,isTemplateView=_ref2$isTemplateView===void 0?false:_ref2$isTemplateView;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);var _useState=useState(false),isTransitioning=_useState[0],setIsTransitioning=_useState[1];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){
|
|
5
|
+
}:_ref2$setHasChanged,isStreaming=_ref2.isStreaming,_ref2$isModeChangeFro=_ref2.isModeChangeFromToggle,isModeChangeFromToggle=_ref2$isModeChangeFro===void 0?false:_ref2$isModeChangeFro,_ref2$isTemplateView=_ref2.isTemplateView,isTemplateView=_ref2$isTemplateView===void 0?false:_ref2$isTemplateView,externalCurrentPageId=_ref2.currentPageId,externalOnPageChange=_ref2.onPageChange,onRequestPageData=_ref2.onRequestPageData;var pageContext=usePageContext();var normalizedJson=normalizeMultiPageJson(json);var pages=normalizedJson.pages.map(extractPageMetadata);var effectiveCurrentPageId=externalCurrentPageId||(pageContext==null?void 0:pageContext.currentPageId)||((_pages$=pages[0])==null?void 0:_pages$.id)||"";var editorRef=useRef(null);var editorInstance=useRef(null);var renderedComponents=useRef({});var pageDataCache=useRef({});var currentPageIdRef=useRef(effectiveCurrentPageId);var isStreamingRef=useRef(isStreaming);var isSystemUpdateRef=useRef(false);var lastJsonRef=useRef("");var isEditorAliveRef=useRef(false);var _useState=useState(false),isTransitioning=_useState[0],setIsTransitioning=_useState[1];useEffect(function(){currentPageIdRef.current=effectiveCurrentPageId},[effectiveCurrentPageId]);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){var pageId=currentPageIdRef.current;if(pageId){if(!pageDataCache.current[pageId]){pageDataCache.current[pageId]={}}pageDataCache.current[pageId][componentId]={newProps:newProps,newAttributes:newAttributes,timestamp:Date.now()};// eslint-disable-next-line no-console
|
|
6
|
+
console.log("[GrapesJS] Component "+componentId+" not found, cached data for page "+pageId,newProps)}return false}// Filter out complex placeholder objects by setting them to null
|
|
6
7
|
// This ensures placeholder values are properly cleared and don't cause stale data issues
|
|
7
8
|
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
|
|
8
|
-
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&&editorInstance.current&&isEditorAliveRef.current){expandActionsComponent(model,parsedNewProps.actions);return true}}model.set("componentProps",_extends({},model.get("componentProps"),parsedNewProps))
|
|
9
|
-
|
|
9
|
+
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&&editorInstance.current&&isEditorAliveRef.current){expandActionsComponent(model,parsedNewProps.actions);return true}}model.set("componentProps",_extends({},model.get("componentProps"),parsedNewProps));// Set loading: false when data arrives
|
|
10
|
+
model.set("attributes",_extends({},model.get("attributes"),newAttributes,{loading:false}));if(model.view){model.view.render()}return true}useEffect(function(){newDataNotifier(notificationHandler)},[]);function handleNavigateToPage(targetPageId){if(externalOnPageChange){externalOnPageChange(targetPageId)}if(pageContext){pageContext.navigateToPage(targetPageId)}if(!pageContext&&!externalOnPageChange){// eslint-disable-next-line no-console
|
|
11
|
+
console.warn("Page navigation requested but no navigation handler available")}}function performInteractionWrapper(_x2){return _performInteractionWrapper.apply(this,arguments)}function _performInteractionWrapper(){_performInteractionWrapper=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(payload){var updatedJson,apiResponse,componentUpdates;return _regeneratorRuntime.wrap(function _callee4$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:updatedJson=null;if(!editorInstance.current){_context4.next=5;break}_context4.next=4;return safeStoreEditor(editorInstance.current);case 4:updatedJson=_context4.sent;case 5:setInteracting(renderedComponents.current,payload.affectedComponents,true);_context4.prev=6;_context4.next=9;return performInteraction(_extends({},payload,{json:updatedJson}));case 9:apiResponse=_context4.sent;componentUpdates=apiResponse||{};Object.entries(componentUpdates).forEach(function(_ref8){var key=_ref8[0],value=_ref8[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 15:_context4.prev=15;_context4.t0=_context4["catch"](6);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 19:_context4.prev=19;setInteracting(renderedComponents.current,payload.affectedComponents,false);return _context4.finish(19);case 22:case"end":return _context4.stop()}},_callee4,null,[[6,15,19,22]])}));return _performInteractionWrapper.apply(this,arguments)}useEffect(function(){if(!editorRef.current){return function(){// no op
|
|
12
|
+
}}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,isTemplateView,isStreaming,handleNavigateToPage)],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 _callee2(){var stored,newJson;return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:if(!(isStreamingRef.current||isSystemUpdateRef.current)){_context2.next=2;break}return _context2.abrupt("return");case 2:if(!(!isEditorAliveRef.current||!editorInstance.current)){_context2.next=4;break}return _context2.abrupt("return");case 4:stored=null;_context2.next=7;return safeStoreEditor(editorInstance.current);case 7:stored=_context2.sent;if(stored){_context2.next=10;break}return _context2.abrupt("return");case 10:newJson=JSON.stringify(stored);if(newJson!==lastJsonRef.current){setHasChanged(true);lastJsonRef.current=newJson}case 12:case"end":return _context2.stop()}},_callee2)}));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
|
|
10
13
|
// So, adding them from here!
|
|
11
|
-
editor.on("load",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var canvasDoc,canvasHead,style,fullCss,storeResult;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;_context.next=6;return safeStoreEditor(editor);case 6:storeResult=_context.sent;if(storeResult){lastJsonRef.current=JSON.stringify(storeResult)}isSystemUpdateRef.current=false;setComponentProperties(editor,currentMode==="preview",isStreamingRef.current);case 10: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:{}})}});return function cleanup(){editor.destroy();isEditorAliveRef.current=false}},[]);useEffect(function(){var _json$pages
|
|
12
|
-
console.
|
|
14
|
+
editor.on("load",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var canvasDoc,canvasHead,style,fullCss,storeResult;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;_context.next=6;return safeStoreEditor(editor);case 6:storeResult=_context.sent;if(storeResult){lastJsonRef.current=JSON.stringify(storeResult)}isSystemUpdateRef.current=false;setComponentProperties(editor,currentMode==="preview",isStreamingRef.current);case 10: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:{}})}});return function cleanup(){editor.destroy();isEditorAliveRef.current=false}},[]);useEffect(function(){var _json$pages;if(json&&((_json$pages=json.pages)==null?void 0:_json$pages.length)>0){var _currentPage$frames,_editorInstance$curre3;if(!isEditorAliveRef.current||!editorInstance.current){return}var pageNormalizedJson=normalizeMultiPageJson(json);var currentPage=getCurrentPage(pageNormalizedJson.pages,effectiveCurrentPageId);if(!currentPage||!((_currentPage$frames=currentPage.frames)!=null&&_currentPage$frames.length)){// eslint-disable-next-line no-console
|
|
15
|
+
console.warn("No valid page found to render");return}isSystemUpdateRef.current=true;var raw=currentPage.frames[0].component;var processed=expandActions(raw);try{var _editorInstance$curre;(_editorInstance$curre=editorInstance.current)==null||_editorInstance$curre.setComponents(processed);setTimeout(function(){if(editorInstance.current&&isEditorAliveRef.current){var _editorInstance$curre2;var domComponents=(_editorInstance$curre2=editorInstance.current)==null?void 0:_editorInstance$curre2.DomComponents;if(domComponents){var _domComponents$getWra;var allComponents=domComponents==null||(_domComponents$getWra=domComponents.getWrapper())==null?void 0:_domComponents$getWra.findType("shadcn-generic");allComponents==null||allComponents.forEach(function(comp){if(comp.get("componentName")==="Tabs"){var _comp$view;(_comp$view=comp.view)==null||_comp$view.render()}})}}},100)}catch(error){// eslint-disable-next-line no-console
|
|
16
|
+
console.error("Error during component restoration:",error)}var globalStyles=pageNormalizedJson.styles||[];var pageStyles=currentPage.styles||[];var mergedStyles=mergeStyles(globalStyles,pageStyles);var cssText=convertStyles(mergedStyles);(_editorInstance$curre3=editorInstance.current)==null||_editorInstance$curre3.setStyle(cssText);if(onRequestPageData&¤tPage.dataQueries){onRequestPageData(currentPage.id,currentPage.dataQueries)}if(editorInstance.current){setComponentProperties(editorInstance.current,mode==="preview",isStreaming);setTimeout(function(){if(editorInstance.current&&isEditorAliveRef.current&&mode==="preview"){setComponentProperties(editorInstance.current,true,isStreaming)}},50)}setTimeout(function(){if(currentPage&&pageDataCache.current[currentPage.id]){var cachedData=pageDataCache.current[currentPage.id];Object.entries(cachedData).forEach(function(_ref5){var componentId=_ref5[0],data=_ref5[1];var model=renderedComponents.current[componentId];if(model&&data){if(data.newProps){model.set("componentProps",_extends({},model.get("componentProps"),data.newProps))}var updatedAttributes=_extends({},model.get("attributes"),data.newAttributes||{},{loading:false});model.set("attributes",updatedAttributes);if(model.view){model.view.render()}}});delete pageDataCache.current[currentPage.id]}},150);// eslint-disable-next-line no-console
|
|
17
|
+
console.log("[GrapesJS] Starting cache check interval for page "+(currentPage==null?void 0:currentPage.id));var cacheCheckInterval=setInterval(function(){if(!currentPage||!pageDataCache.current[currentPage.id]){return}// eslint-disable-next-line no-console
|
|
18
|
+
console.log("[GrapesJS] Checking cache for page "+currentPage.id+":",Object.keys(pageDataCache.current[currentPage.id]));var cachedData=pageDataCache.current[currentPage.id];var appliedAny=false;Object.entries(cachedData).forEach(function(_ref6){var componentId=_ref6[0],data=_ref6[1];var model=renderedComponents.current[componentId];if(model&&data){if(data.newProps){model.set("componentProps",_extends({},model.get("componentProps"),data.newProps))}var updatedAttributes=_extends({},model.get("attributes"),data.newAttributes||{},{loading:false});model.set("attributes",updatedAttributes);if(model.view){model.view.render()}appliedAny=true;// eslint-disable-next-line no-console
|
|
19
|
+
console.log("[GrapesJS] Applied cached data to component "+componentId,data)}});if(appliedAny){Object.keys(cachedData).forEach(function(componentId){if(renderedComponents.current[componentId]){delete cachedData[componentId]}});if(Object.keys(cachedData).length===0){// eslint-disable-next-line no-console
|
|
20
|
+
console.log("[GrapesJS] Cache cleared for page "+currentPage.id);delete pageDataCache.current[currentPage.id]}}},100);setTimeout(function(){// eslint-disable-next-line no-console
|
|
21
|
+
console.log("[GrapesJS] Stopping cache check interval for page "+(currentPage==null?void 0:currentPage.id));clearInterval(cacheCheckInterval)},5000);setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(){var storeResult;return _regeneratorRuntime.wrap(function _callee3$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if(!(editorInstance.current&&isEditorAliveRef.current)){_context3.next=6;break}_context3.next=3;return safeStoreEditor(editorInstance.current);case 3:storeResult=_context3.sent;if(storeResult){lastJsonRef.current=JSON.stringify(storeResult)}isSystemUpdateRef.current=false;case 6:case"end":return _context3.stop()}},_callee3)})),100)}},[json,effectiveCurrentPageId,onRequestPageData]);useEffect(function(){if(mode&&editorInstance.current&&isEditorAliveRef.current){isSystemUpdateRef.current=true;if(isModeChangeFromToggle){setIsTransitioning(true)}setComponentProperties(editorInstance.current,mode==="preview",isStreaming);setTimeout(function(){if(isEditorAliveRef.current){isSystemUpdateRef.current=false;setIsTransitioning(false)}},50)}},[mode,isModeChangeFromToggle]);return/*#__PURE__*/_jsxs(React.Fragment,{children:[/*#__PURE__*/_jsx(StyledEditor,{}),/*#__PURE__*/_jsx("div",{ref:editorRef,id:"grapesjs-editor",style:{opacity:isTransitioning?0:1,transition:"opacity 0.15s ease-in-out"}})]})}function GrapejsCanvas(props){var _pages$2;var existingContext=usePageContext();if(existingContext){return/*#__PURE__*/_jsx(GrapejsCanvasInternal,_extends({},props))}var normalizedJson=normalizeMultiPageJson(props.json);var pages=normalizedJson.pages.map(extractPageMetadata);var initialPageId=props.currentPageId||((_pages$2=pages[0])==null?void 0:_pages$2.id)||"";return/*#__PURE__*/_jsx(PageProvider,{pages:pages,initialPageId:initialPageId,onPageChange:props.onPageChange,children:/*#__PURE__*/_jsx(GrapejsCanvasInternal,_extends({},props))})}export default GrapejsCanvas;
|
|
13
22
|
//# sourceMappingURL=GrapesjsCanvas.js.map
|
package/GrapesjsCanvas.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GrapesjsCanvas.js","names":["React","useEffect","useRef","useState","grapesjs","tailwind","TypesToRegister","toKebabCase","tailwindCompiledCss","datePickerCss","createGrapesjsShadcnGenericPlugin","StyledEditor","jsx","_jsx","jsxs","_jsxs","isEditorCanvasReady","editor","canvas","Canvas","canvasDoc","getDocument","canvasBody","body","_unused","safeStoreEditor","_x","_safeStoreEditor","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee5","_editor$Pages","wrapper","pages","wrap","_callee5$","_context5","prev","next","getWrapper","abrupt","Pages","getAll","length","store","sent","t0","console","warn","stop","setComponentProperties","isPreview","isStreaming","setPropertiesRecursively","comp","isMutable","set","editable","draggable","droppable","getName","selectable","hoverable","highlightable","copyable","resizable","removable","badgable","_extends","get","isEditable","attributes","command","components","forEach","find","runCommand","stopCommand","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","classes","concat","undefined","i","id","setInteracting","renderedComponents","inProgress","component","componentId","showLoader","gjsModel","interactionApiInProgress","expandActionsComponent","model","append","addClass","GrapesjsCanvas","_ref2","json","_ref2$mode","mode","setEditor","performInteraction","_ref2$newDataNotifier","newDataNotifier","_ref2$setHasChanged","setHasChanged","_ref2$isModeChangeFro","isModeChangeFromToggle","_ref2$isTemplateView","isTemplateView","editorRef","editorInstance","isStreamingRef","isSystemUpdateRef","lastJsonRef","isEditorAliveRef","_useState","isTransitioning","setIsTransitioning","current","notificationHandler","props","_props$newProps","newProps","_props$newAttributes","newAttributes","filteredProps","keys","key","name","parsedNewProps","pagination","isActionsComponent","hasValidActionsData","_model$components$at","isAlreadyExpanded","at","performInteractionWrapper","_x2","_performInteractionWrapper","_callee4","payload","updatedJson","apiResponse","componentUpdates","_callee4$","_context4","affectedComponents","_ref6","error","isMissing","errorMessage","Error","message","finish","destroy","currentMode","init","container","height","plugins","storageManager","richTextEditor","customBadgeLabel","tagName","injectionAttempts","injectStylesEarly","_editor$Canvas","iframeDoc","head","querySelector","createElement","fullCss","innerHTML","setAttribute","appendChild","requestAnimationFrame","checkDirty","_checkDirty","_callee2","stored","newJson","_callee2$","_context2","JSON","stringify","debouncedCheckDirty","timeout","clearTimeout","setTimeout","evt","on","includes","_callee","canvasHead","storeResult","_callee$","_context","_ref4","DomComponents","getType","addType","defaults","view","cleanup","_json$pages","_json$pages$0$frames","frames","_editorInstance$curre3","raw","processed","_editorInstance$curre","setComponents","_editorInstance$curre2","domComponents","_domComponents$getWra","allComponents","findType","_comp$view","render","cssText","styles","setStyle","_callee3","_callee3$","_context3","Fragment","children","ref","opacity","transition"],"sources":["../src/GrapesjsCanvas.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useRef, useState } 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 isModeChangeFromToggle?: boolean;\n isTemplateView?: boolean;\n};\n\nfunction isEditorCanvasReady(editor: Editor): boolean {\n try {\n const canvas = editor.Canvas;\n\n if (!canvas) {\n return false;\n }\n\n const canvasDoc = canvas.getDocument?.();\n\n if (!canvasDoc) {\n return false;\n }\n\n const canvasBody = canvasDoc.body;\n\n if (!canvasBody) {\n return false;\n }\n\n return true;\n } catch {\n return false;\n }\n}\n\nasync function safeStoreEditor(editor: Editor): Promise<any | null> {\n try {\n const wrapper = editor.getWrapper();\n\n if (!wrapper) {\n return null;\n }\n\n const pages = editor.Pages?.getAll?.() || [];\n\n if (pages.length === 0) {\n return null;\n }\n\n return await editor.store();\n } catch (error) {\n // eslint-disable-next-line no-console\n console.warn('Error during store operation:', error);\n\n return null;\n }\n}\n\nfunction setComponentProperties(editor: Editor, isPreview: boolean, isStreaming: boolean): void {\n if (!editor) {\n return;\n }\n\n function setPropertiesRecursively(comp: Component) {\n const isMutable = !isPreview && !isStreaming;\n\n comp.set({\n editable: isMutable,\n draggable: isMutable,\n droppable: isMutable && comp.getName() !== 'Shadcn-generic',\n selectable: isMutable,\n hoverable: isMutable,\n highlightable: isMutable,\n copyable: false,\n resizable: false,\n removable: isMutable,\n badgable: false,\n });\n\n comp.set('attributes', {\n ...(comp.get('attributes') || {}),\n isEditable: isMutable,\n });\n\n if (isMutable) {\n comp.set('toolbar', [\n { attributes: { class: 'fa fa-arrows' }, command: 'tlb-move' },\n { attributes: { class: 'fa fa-trash' }, command: 'tlb-delete' },\n ]);\n } else {\n comp.set('toolbar', []);\n }\n\n comp.components().forEach(setPropertiesRecursively);\n }\n\n const wrapper = editor.getWrapper();\n const components = wrapper?.find('*') || [];\n\n components.forEach(setPropertiesRecursively);\n\n if (isEditorCanvasReady(editor)) {\n if (isPreview) {\n editor.runCommand('core:preview');\n } else {\n editor.stopCommand('core:preview');\n }\n }\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 isModeChangeFromToggle = false,\n isTemplateView = false,\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 const [isTransitioning, setIsTransitioning] = useState(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 && editorInstance.current && isEditorAliveRef.current) {\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 let updatedJson = null;\n\n if (editorInstance.current) {\n updatedJson = await safeStoreEditor(editorInstance.current);\n }\n\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 isTemplateView,\n isStreaming,\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 stored = await safeStoreEditor(editorInstance.current);\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 const storeResult = await safeStoreEditor(editor);\n\n if (storeResult) {\n lastJsonRef.current = JSON.stringify(storeResult);\n }\n\n isSystemUpdateRef.current = false;\n\n setComponentProperties(editor, currentMode === 'preview', isStreamingRef.current);\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 return function cleanup() {\n editor.destroy();\n isEditorAliveRef.current = false;\n };\n }, []);\n\n useEffect(() => {\n if (json && json.pages?.length > 0 && json.pages[0].frames?.length > 0) {\n if (!isEditorAliveRef.current || !editorInstance.current) {\n return;\n }\n\n isSystemUpdateRef.current = true;\n const raw = json.pages[0].frames[0].component;\n const processed = expandActions(raw);\n\n try {\n editorInstance.current?.setComponents(processed);\n\n setTimeout(() => {\n if (editorInstance.current && isEditorAliveRef.current) {\n const domComponents = editorInstance.current?.DomComponents;\n\n if (domComponents) {\n const allComponents = domComponents?.getWrapper()?.findType('shadcn-generic');\n allComponents?.forEach((comp: any) => {\n if (comp.get('componentName') === 'Tabs') {\n comp.view?.render();\n }\n });\n }\n }\n }, 100);\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error('Error during component restoration:', error);\n }\n\n const cssText = convertStyles(json.styles || []);\n editorInstance.current?.setStyle(cssText);\n\n if (editorInstance.current) {\n setComponentProperties(editorInstance.current, mode === 'preview', isStreaming);\n\n setTimeout(() => {\n if (editorInstance.current && isEditorAliveRef.current && mode === 'preview') {\n setComponentProperties(editorInstance.current, true, isStreaming);\n }\n }, 50);\n }\n\n setTimeout(async () => {\n if (editorInstance.current && isEditorAliveRef.current) {\n const storeResult = await safeStoreEditor(editorInstance.current);\n\n if (storeResult) {\n lastJsonRef.current = JSON.stringify(storeResult);\n }\n\n isSystemUpdateRef.current = false;\n }\n }, 100);\n }\n }, [json]);\n\n useEffect(() => {\n if (mode && editorInstance.current && isEditorAliveRef.current) {\n isSystemUpdateRef.current = true;\n\n if (isModeChangeFromToggle) {\n setIsTransitioning(true);\n }\n\n setComponentProperties(editorInstance.current as Editor, mode === 'preview', isStreaming);\n\n setTimeout(() => {\n if (isEditorAliveRef.current) {\n isSystemUpdateRef.current = false;\n setIsTransitioning(false);\n }\n }, 50);\n }\n }, [mode, isModeChangeFromToggle]);\n\n return (\n <React.Fragment>\n <StyledEditor />\n <div\n ref={editorRef}\n id=\"grapesjs-editor\"\n style={{\n opacity: isTransitioning ? 0 : 1,\n transition: 'opacity 0.15s ease-in-out',\n }}\n />\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","useState","grapesjs","tailwind","TypesToRegister","toKebabCase","tailwindCompiledCss","datePickerCss","extractPageMetadata","getCurrentPage","mergeStyles","normalizeMultiPageJson","createGrapesjsShadcnGenericPlugin","StyledEditor","PageProvider","usePageContext","jsx","_jsx","jsxs","_jsxs","isEditorCanvasReady","editor","canvas","Canvas","canvasDoc","getDocument","canvasBody","body","_unused","safeStoreEditor","_x","_safeStoreEditor","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee5","_editor$Pages","wrapper","pages","wrap","_callee5$","_context5","prev","next","getWrapper","abrupt","Pages","getAll","length","store","sent","t0","console","warn","stop","setComponentProperties","isPreview","isStreaming","setPropertiesRecursively","comp","isMutable","set","editable","draggable","droppable","getName","selectable","hoverable","highlightable","copyable","resizable","removable","badgable","_extends","get","isEditable","attributes","command","components","forEach","find","runCommand","stopCommand","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","classes","concat","undefined","i","id","setInteracting","renderedComponents","inProgress","component","componentId","showLoader","gjsModel","interactionApiInProgress","expandActionsComponent","model","append","addClass","GrapejsCanvasInternal","_ref2","_pages$","json","_ref2$mode","mode","setEditor","performInteraction","_ref2$newDataNotifier","newDataNotifier","_ref2$setHasChanged","setHasChanged","_ref2$isModeChangeFro","isModeChangeFromToggle","_ref2$isTemplateView","isTemplateView","externalCurrentPageId","currentPageId","externalOnPageChange","onPageChange","onRequestPageData","pageContext","normalizedJson","effectiveCurrentPageId","editorRef","editorInstance","pageDataCache","currentPageIdRef","isStreamingRef","isSystemUpdateRef","lastJsonRef","isEditorAliveRef","_useState","isTransitioning","setIsTransitioning","current","notificationHandler","props","_props$newProps","newProps","_props$newAttributes","newAttributes","pageId","timestamp","Date","now","log","filteredProps","keys","key","name","parsedNewProps","pagination","isActionsComponent","hasValidActionsData","_model$components$at","isAlreadyExpanded","at","loading","view","render","handleNavigateToPage","targetPageId","navigateToPage","performInteractionWrapper","_x2","_performInteractionWrapper","_callee4","payload","updatedJson","apiResponse","componentUpdates","_callee4$","_context4","affectedComponents","_ref8","error","isMissing","errorMessage","Error","message","finish","destroy","currentMode","init","container","height","plugins","storageManager","richTextEditor","customBadgeLabel","tagName","injectionAttempts","injectStylesEarly","_editor$Canvas","iframeDoc","head","querySelector","createElement","fullCss","innerHTML","setAttribute","appendChild","requestAnimationFrame","checkDirty","_checkDirty","_callee2","stored","newJson","_callee2$","_context2","JSON","stringify","debouncedCheckDirty","timeout","clearTimeout","setTimeout","evt","on","includes","_callee","canvasHead","storeResult","_callee$","_context","_ref4","DomComponents","getType","addType","defaults","cleanup","_json$pages","_currentPage$frames","_editorInstance$curre3","pageNormalizedJson","currentPage","frames","raw","processed","_editorInstance$curre","setComponents","_editorInstance$curre2","domComponents","_domComponents$getWra","allComponents","findType","_comp$view","globalStyles","styles","pageStyles","mergedStyles","cssText","setStyle","dataQueries","cachedData","_ref5","data","updatedAttributes","cacheCheckInterval","setInterval","appliedAny","_ref6","clearInterval","_callee3","_callee3$","_context3","Fragment","children","ref","opacity","transition","GrapejsCanvas","_pages$2","existingContext","initialPageId"],"sources":["../src/GrapesjsCanvas.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useRef, useState } 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 {\n extractPageMetadata,\n getCurrentPage,\n mergeStyles,\n normalizeMultiPageJson,\n} from './helpers/page-utils';\nimport { createGrapesjsShadcnGenericPlugin } from './plugins/grapejs-plugin';\nimport { StyledEditor } from './index.styles';\nimport type { PageAwareProps } from './types/page';\nimport { PageProvider, usePageContext } from './contexts/PageContext';\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 isModeChangeFromToggle?: boolean;\n isTemplateView?: boolean;\n} & PageAwareProps;\n\nfunction isEditorCanvasReady(editor: Editor): boolean {\n try {\n const canvas = editor.Canvas;\n\n if (!canvas) {\n return false;\n }\n\n const canvasDoc = canvas.getDocument?.();\n\n if (!canvasDoc) {\n return false;\n }\n\n const canvasBody = canvasDoc.body;\n\n if (!canvasBody) {\n return false;\n }\n\n return true;\n } catch {\n return false;\n }\n}\n\nasync function safeStoreEditor(editor: Editor): Promise<any | null> {\n try {\n const wrapper = editor.getWrapper();\n\n if (!wrapper) {\n return null;\n }\n\n const pages = editor.Pages?.getAll?.() || [];\n\n if (pages.length === 0) {\n return null;\n }\n\n return await editor.store();\n } catch (error) {\n // eslint-disable-next-line no-console\n console.warn('Error during store operation:', error);\n\n return null;\n }\n}\n\nfunction setComponentProperties(editor: Editor, isPreview: boolean, isStreaming: boolean): void {\n if (!editor) {\n return;\n }\n\n function setPropertiesRecursively(comp: Component) {\n const isMutable = !isPreview && !isStreaming;\n\n comp.set({\n editable: isMutable,\n draggable: isMutable,\n droppable: isMutable && comp.getName() !== 'Shadcn-generic',\n selectable: isMutable,\n hoverable: isMutable,\n highlightable: isMutable,\n copyable: false,\n resizable: false,\n removable: isMutable,\n badgable: false,\n });\n\n comp.set('attributes', {\n ...(comp.get('attributes') || {}),\n isEditable: isMutable,\n });\n\n if (isMutable) {\n comp.set('toolbar', [\n { attributes: { class: 'fa fa-arrows' }, command: 'tlb-move' },\n { attributes: { class: 'fa fa-trash' }, command: 'tlb-delete' },\n ]);\n } else {\n comp.set('toolbar', []);\n }\n\n comp.components().forEach(setPropertiesRecursively);\n }\n\n const wrapper = editor.getWrapper();\n const components = wrapper?.find('*') || [];\n\n components.forEach(setPropertiesRecursively);\n\n if (isEditorCanvasReady(editor)) {\n if (isPreview) {\n editor.runCommand('core:preview');\n } else {\n editor.stopCommand('core:preview');\n }\n }\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 GrapejsCanvasInternal({\n json,\n mode = 'preview',\n setEditor,\n performInteraction,\n newDataNotifier = () => {\n // no op\n },\n setHasChanged = () => {\n // no op\n },\n isStreaming,\n isModeChangeFromToggle = false,\n isTemplateView = false,\n currentPageId: externalCurrentPageId,\n onPageChange: externalOnPageChange, // eslint-disable-line @typescript-eslint/no-unused-vars\n onRequestPageData,\n}: GrapesjsCanvasProps) {\n const pageContext = usePageContext();\n\n const normalizedJson = normalizeMultiPageJson(json);\n const pages = normalizedJson.pages.map(extractPageMetadata);\n const effectiveCurrentPageId =\n externalCurrentPageId || pageContext?.currentPageId || pages[0]?.id || '';\n\n const editorRef = useRef<HTMLDivElement>(null);\n const editorInstance = useRef<Editor | null>(null);\n const renderedComponents = useRef<Record<string, Component>>({});\n const pageDataCache = useRef<Record<string, Record<string, any>>>({});\n const currentPageIdRef = useRef<string>(effectiveCurrentPageId);\n const isStreamingRef = useRef(isStreaming);\n const isSystemUpdateRef = useRef(false);\n const lastJsonRef = useRef<string>('');\n const isEditorAliveRef = useRef(false);\n const [isTransitioning, setIsTransitioning] = useState(false);\n\n useEffect(() => {\n currentPageIdRef.current = effectiveCurrentPageId;\n }, [effectiveCurrentPageId]);\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 const pageId = currentPageIdRef.current;\n\n if (pageId) {\n if (!pageDataCache.current[pageId]) {\n pageDataCache.current[pageId] = {};\n }\n\n pageDataCache.current[pageId][componentId] = {\n newProps,\n newAttributes,\n timestamp: Date.now(),\n };\n\n // eslint-disable-next-line no-console\n console.log(\n `[GrapesJS] Component ${componentId} not found, cached data for page ${pageId}`,\n newProps,\n );\n }\n\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 && editorInstance.current && isEditorAliveRef.current) {\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 // Set loading: false when data arrives\n model.set('attributes', {\n ...model.get('attributes'),\n ...newAttributes,\n loading: false,\n });\n\n if (model.view) {\n model.view.render();\n }\n\n return true;\n }\n\n useEffect(() => {\n newDataNotifier(notificationHandler);\n }, []);\n\n function handleNavigateToPage(targetPageId: string) {\n if (externalOnPageChange) {\n externalOnPageChange(targetPageId);\n }\n\n if (pageContext) {\n pageContext.navigateToPage(targetPageId);\n }\n\n if (!pageContext && !externalOnPageChange) {\n // eslint-disable-next-line no-console\n console.warn('Page navigation requested but no navigation handler available');\n }\n }\n\n async function performInteractionWrapper(payload: Record<string, any>) {\n let updatedJson = null;\n\n if (editorInstance.current) {\n updatedJson = await safeStoreEditor(editorInstance.current);\n }\n\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 isTemplateView,\n isStreaming,\n handleNavigateToPage,\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 stored = await safeStoreEditor(editorInstance.current);\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 const storeResult = await safeStoreEditor(editor);\n\n if (storeResult) {\n lastJsonRef.current = JSON.stringify(storeResult);\n }\n\n isSystemUpdateRef.current = false;\n\n setComponentProperties(editor, currentMode === 'preview', isStreamingRef.current);\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 return function cleanup() {\n editor.destroy();\n isEditorAliveRef.current = false;\n };\n }, []);\n\n useEffect(() => {\n if (json && json.pages?.length > 0) {\n if (!isEditorAliveRef.current || !editorInstance.current) {\n return;\n }\n\n const pageNormalizedJson = normalizeMultiPageJson(json);\n\n const currentPage = getCurrentPage(pageNormalizedJson.pages, effectiveCurrentPageId);\n\n if (!currentPage || !currentPage.frames?.length) {\n // eslint-disable-next-line no-console\n console.warn('No valid page found to render');\n\n return;\n }\n\n isSystemUpdateRef.current = true;\n const raw = currentPage.frames[0].component;\n const processed = expandActions(raw);\n\n try {\n editorInstance.current?.setComponents(processed);\n\n setTimeout(() => {\n if (editorInstance.current && isEditorAliveRef.current) {\n const domComponents = editorInstance.current?.DomComponents;\n\n if (domComponents) {\n const allComponents = domComponents?.getWrapper()?.findType('shadcn-generic');\n allComponents?.forEach((comp: any) => {\n if (comp.get('componentName') === 'Tabs') {\n comp.view?.render();\n }\n });\n }\n }\n }, 100);\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error('Error during component restoration:', error);\n }\n\n const globalStyles = pageNormalizedJson.styles || [];\n const pageStyles = currentPage.styles || [];\n const mergedStyles = mergeStyles(globalStyles, pageStyles);\n const cssText = convertStyles(mergedStyles);\n editorInstance.current?.setStyle(cssText);\n\n if (onRequestPageData && currentPage.dataQueries) {\n onRequestPageData(currentPage.id, currentPage.dataQueries);\n }\n\n if (editorInstance.current) {\n setComponentProperties(editorInstance.current, mode === 'preview', isStreaming);\n\n setTimeout(() => {\n if (editorInstance.current && isEditorAliveRef.current && mode === 'preview') {\n setComponentProperties(editorInstance.current, true, isStreaming);\n }\n }, 50);\n }\n\n setTimeout(() => {\n if (currentPage && pageDataCache.current[currentPage.id]) {\n const cachedData = pageDataCache.current[currentPage.id];\n\n Object.entries(cachedData).forEach(([componentId, data]) => {\n const model = renderedComponents.current[componentId];\n\n if (model && data) {\n if (data.newProps) {\n model.set('componentProps', {\n ...model.get('componentProps'),\n ...data.newProps,\n });\n }\n\n const updatedAttributes = {\n ...model.get('attributes'),\n ...(data.newAttributes || {}),\n loading: false,\n };\n\n model.set('attributes', updatedAttributes);\n\n if (model.view) {\n model.view.render();\n }\n }\n });\n\n delete pageDataCache.current[currentPage.id];\n }\n }, 150);\n\n // eslint-disable-next-line no-console\n console.log(`[GrapesJS] Starting cache check interval for page ${currentPage?.id}`);\n const cacheCheckInterval = setInterval(() => {\n if (!currentPage || !pageDataCache.current[currentPage.id]) {\n return;\n }\n\n // eslint-disable-next-line no-console\n console.log(\n `[GrapesJS] Checking cache for page ${currentPage.id}:`,\n Object.keys(pageDataCache.current[currentPage.id]),\n );\n\n const cachedData = pageDataCache.current[currentPage.id];\n let appliedAny = false;\n\n Object.entries(cachedData).forEach(([componentId, data]) => {\n const model = renderedComponents.current[componentId];\n\n if (model && data) {\n if (data.newProps) {\n model.set('componentProps', {\n ...model.get('componentProps'),\n ...data.newProps,\n });\n }\n\n const updatedAttributes = {\n ...model.get('attributes'),\n ...(data.newAttributes || {}),\n loading: false,\n };\n\n model.set('attributes', updatedAttributes);\n\n if (model.view) {\n model.view.render();\n }\n\n appliedAny = true;\n // eslint-disable-next-line no-console\n console.log(`[GrapesJS] Applied cached data to component ${componentId}`, data);\n }\n });\n\n if (appliedAny) {\n Object.keys(cachedData).forEach((componentId) => {\n if (renderedComponents.current[componentId]) {\n delete cachedData[componentId];\n }\n });\n\n if (Object.keys(cachedData).length === 0) {\n // eslint-disable-next-line no-console\n console.log(`[GrapesJS] Cache cleared for page ${currentPage.id}`);\n delete pageDataCache.current[currentPage.id];\n }\n }\n }, 100);\n\n setTimeout(() => {\n // eslint-disable-next-line no-console\n console.log(`[GrapesJS] Stopping cache check interval for page ${currentPage?.id}`);\n clearInterval(cacheCheckInterval);\n }, 5000);\n\n setTimeout(async () => {\n if (editorInstance.current && isEditorAliveRef.current) {\n const storeResult = await safeStoreEditor(editorInstance.current);\n\n if (storeResult) {\n lastJsonRef.current = JSON.stringify(storeResult);\n }\n\n isSystemUpdateRef.current = false;\n }\n }, 100);\n }\n }, [json, effectiveCurrentPageId, onRequestPageData]);\n\n useEffect(() => {\n if (mode && editorInstance.current && isEditorAliveRef.current) {\n isSystemUpdateRef.current = true;\n\n if (isModeChangeFromToggle) {\n setIsTransitioning(true);\n }\n\n setComponentProperties(editorInstance.current as Editor, mode === 'preview', isStreaming);\n\n setTimeout(() => {\n if (isEditorAliveRef.current) {\n isSystemUpdateRef.current = false;\n setIsTransitioning(false);\n }\n }, 50);\n }\n }, [mode, isModeChangeFromToggle]);\n\n return (\n <React.Fragment>\n <StyledEditor />\n <div\n ref={editorRef}\n id=\"grapesjs-editor\"\n style={{\n opacity: isTransitioning ? 0 : 1,\n transition: 'opacity 0.15s ease-in-out',\n }}\n />\n </React.Fragment>\n );\n}\n\nfunction GrapejsCanvas(props: GrapesjsCanvasProps) {\n const existingContext = usePageContext();\n\n if (existingContext) {\n return <GrapejsCanvasInternal {...props} />;\n }\n\n const normalizedJson = normalizeMultiPageJson(props.json);\n const pages = normalizedJson.pages.map(extractPageMetadata);\n const initialPageId = props.currentPageId || pages[0]?.id || '';\n\n return (\n <PageProvider pages={pages} initialPageId={initialPageId} onPageChange={props.onPageChange}>\n <GrapejsCanvasInternal {...props} />\n </PageProvider>\n );\n}\n\nexport default GrapejsCanvas;\n"],"mappings":"wLAAA,uDACA,MAAO,CAAAA,KAAK,EAAIC,SAAS,CAAEC,MAAM,CAAEC,QAAQ,KAAQ,OAAO,CAC1D;AACA,MAAO,CAAAC,QAAQ,KAA6B,UAAU,CACtD,MAAO,kCAAkC,CACzC,MAAO,CAAAC,QAAQ,KAAM,mBAAmB,CAExC,OAASC,eAAe,KAAQ,aAAa,CAC7C,OAASC,WAAW,KAAQ,WAAW,CACvC,OAASC,mBAAmB,KAAQ,eAAe,CACnD,OAASC,aAAa,KAAQ,uBAAuB,CACrD,OACEC,mBAAmB,CACnBC,cAAc,CACdC,WAAW,CACXC,sBAAsB,KACjB,sBAAsB,CAC7B,OAASC,iCAAiC,KAAQ,0BAA0B,CAC5E,OAASC,YAAY,KAAQ,gBAAgB,CAE7C,OAASC,YAAY,CAAEC,cAAc,KAAQ,wBAAwB,CAAC,OAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,yBAoBtE,QAAS,CAAAC,mBAAmBA,CAACC,MAAc,CAAW,CACpD,GAAI,CACF,GAAM,CAAAC,MAAM,CAAGD,MAAM,CAACE,MAAM,CAE5B,GAAI,CAACD,MAAM,CAAE,CACX,MAAO,MACT,CAEA,GAAM,CAAAE,SAAS,CAAGF,MAAM,CAACG,WAAW,cAAlBH,MAAM,CAACG,WAAW,CAAG,CAAC,CAExC,GAAI,CAACD,SAAS,CAAE,CACd,MAAO,MACT,CAEA,GAAM,CAAAE,UAAU,CAAGF,SAAS,CAACG,IAAI,CAEjC,GAAI,CAACD,UAAU,CAAE,CACf,MAAO,MACT,CAEA,MAAO,KACT,CAAE,MAAAE,OAAA,CAAM,CACN,MAAO,MACT,CACF,CAAC,QAEc,CAAAC,eAAeA,CAAAC,EAAA,SAAAC,gBAAA,CAAAC,KAAA,MAAAC,SAAA,WAAAF,iBAAA,EAAAA,gBAAA,CAAAG,iBAAA,cAAAC,mBAAA,CAAAC,IAAA,CAA9B,SAAAC,SAA+BhB,MAAc,MAAAiB,aAAA,CAAAC,OAAA,CAAAC,KAAA,QAAAL,mBAAA,CAAAM,IAAA,UAAAC,UAAAC,SAAA,iBAAAA,SAAA,CAAAC,IAAA,CAAAD,SAAA,CAAAE,IAAA,SAAAF,SAAA,CAAAC,IAAA,GAEnCL,OAAO,CAAGlB,MAAM,CAACyB,UAAU,CAAC,CAAC,IAE9BP,OAAO,EAAAI,SAAA,CAAAE,IAAA,gBAAAF,SAAA,CAAAI,MAAA,UACH,IAAI,SAGPP,KAAK,CAAG,EAAAF,aAAA,CAAAjB,MAAM,CAAC2B,KAAK,SAAZV,aAAA,CAAcW,MAAM,cAApBX,aAAA,CAAcW,MAAM,CAAG,CAAC,GAAI,EAAE,MAExCT,KAAK,CAACU,MAAM,GAAK,CAAC,GAAAP,SAAA,CAAAE,IAAA,gBAAAF,SAAA,CAAAI,MAAA,UACb,IAAI,SAAAJ,SAAA,CAAAE,IAAA,SAGA,CAAAxB,MAAM,CAAC8B,KAAK,CAAC,CAAC,eAAAR,SAAA,CAAAI,MAAA,UAAAJ,SAAA,CAAAS,IAAA,UAAAT,SAAA,CAAAC,IAAA,IAAAD,SAAA,CAAAU,EAAA,CAAAV,SAAA,aAE3B;AACAW,OAAO,CAACC,IAAI,CAAC,+BAA+B,CAAAZ,SAAA,CAAAU,EAAO,CAAC,CAAC,OAAAV,SAAA,CAAAI,MAAA,UAE9C,IAAI,2BAAAJ,SAAA,CAAAa,IAAA,KAAAnB,QAAA,gBAEd,UAAAN,gBAAA,CAAAC,KAAA,MAAAC,SAAA,EAED,QAAS,CAAAwB,sBAAsBA,CAACpC,MAAc,CAAEqC,SAAkB,CAAEC,WAAoB,CAAQ,CAC9F,GAAI,CAACtC,MAAM,CAAE,CACX,MACF,CAEA,QAAS,CAAAuC,wBAAwBA,CAACC,IAAe,CAAE,CACjD,GAAM,CAAAC,SAAS,CAAG,CAACJ,SAAS,EAAI,CAACC,WAAW,CAE5CE,IAAI,CAACE,GAAG,CAAC,CACPC,QAAQ,CAAEF,SAAS,CACnBG,SAAS,CAAEH,SAAS,CACpBI,SAAS,CAAEJ,SAAS,EAAID,IAAI,CAACM,OAAO,CAAC,CAAC,GAAK,gBAAgB,CAC3DC,UAAU,CAAEN,SAAS,CACrBO,SAAS,CAAEP,SAAS,CACpBQ,aAAa,CAAER,SAAS,CACxBS,QAAQ,CAAE,KAAK,CACfC,SAAS,CAAE,KAAK,CAChBC,SAAS,CAAEX,SAAS,CACpBY,QAAQ,CAAE,KACZ,CAAC,CAAC,CAEFb,IAAI,CAACE,GAAG,CAAC,YAAY,CAAAY,QAAA,IACfd,IAAI,CAACe,GAAG,CAAC,YAAY,CAAC,EAAI,CAAC,CAAC,EAChCC,UAAU,CAAEf,SAAS,EACtB,CAAC,CAEF,GAAIA,SAAS,CAAE,CACbD,IAAI,CAACE,GAAG,CAAC,SAAS,CAAE,CAClB,CAAEe,UAAU,CAAE,CAAE,QAAO,cAAe,CAAC,CAAEC,OAAO,CAAE,UAAW,CAAC,CAC9D,CAAED,UAAU,CAAE,CAAE,QAAO,aAAc,CAAC,CAAEC,OAAO,CAAE,YAAa,CAAC,CAChE,CACH,CAAC,IAAM,CACLlB,IAAI,CAACE,GAAG,CAAC,SAAS,CAAE,EAAE,CACxB,CAEAF,IAAI,CAACmB,UAAU,CAAC,CAAC,CAACC,OAAO,CAACrB,wBAAwB,CACpD,CAEA,GAAM,CAAArB,OAAO,CAAGlB,MAAM,CAACyB,UAAU,CAAC,CAAC,CACnC,GAAM,CAAAkC,UAAU,CAAG,CAAAzC,OAAO,cAAPA,OAAO,CAAE2C,IAAI,CAAC,GAAG,CAAC,GAAI,EAAE,CAE3CF,UAAU,CAACC,OAAO,CAACrB,wBAAwB,CAAC,CAE5C,GAAIxC,mBAAmB,CAACC,MAAM,CAAC,CAAE,CAC/B,GAAIqC,SAAS,CAAE,CACbrC,MAAM,CAAC8D,UAAU,CAAC,cAAc,CAClC,CAAC,IAAM,CACL9D,MAAM,CAAC+D,WAAW,CAAC,cAAc,CACnC,CACF,CACF,CAEA,QAAS,CAAAC,aAAaA,CAACC,WAAkB,CAAU,CACjD,MAAO,CAAAA,WAAW,CACfC,GAAG,CAAC,SAACC,KAAK,CAAK,CACd,GAAM,CAAAC,SAAS,CAAGC,KAAK,CAACC,OAAO,CAACH,KAAK,CAACC,SAAS,CAAC,CAC5CD,KAAK,CAACC,SAAS,CAACG,IAAI,CAAC,IAAI,CAAC,CAC1BJ,KAAK,CAACC,SAAS,CACnB,GAAM,CAAAI,YAAY,CAAGC,MAAM,CAACC,OAAO,CAACP,KAAK,CAACQ,KAAK,CAAC,CAC7CT,GAAG,CAAC,SAAAU,IAAA,KAAE,CAAAC,IAAI,CAAAD,IAAA,IAAEE,KAAK,CAAAF,IAAA,UAAS,CAAA5F,WAAW,CAAC6F,IAAI,CAAC,MAAKC,KAAK,KAAG,CAAC,CACzDP,IAAI,CAAC,GAAG,CAAC,CAEZ,MAAU,CAAAH,SAAS,OAAMI,YAAY,KACvC,CAAC,CAAC,CACDD,IAAI,CAAC,IAAI,CACd,CAEA,QAAS,CAAAQ,sBAAsBA,CAACC,MAAW,CAAO,CAChD,GAAQ,CAAAC,IAAI,CAAyBD,MAAM,CAAnCC,IAAI,CAAEC,KAAK,CAAkBF,MAAM,CAA7BE,KAAK,CAAEC,WAAW,CAAKH,MAAM,CAAtBG,WAAW,CAEhC,MAAO,CACLC,IAAI,CAAE,gBAAgB,CACtBC,aAAa,CAAE,YAAY,CAC3BhC,QAAQ,CAAE,KAAK,CACfH,QAAQ,CAAE,KAAK,CACfE,SAAS,CAAE,IAAI,CACfR,SAAS,CAAE,IAAI,CACf0C,cAAc,CAAE,CACdL,IAAI,CAAJA,IAAI,CACJM,aAAa,CAAEL,KAAK,CACpBM,WAAW,CAAEL,WACf,CACF,CACF,CAEA,QAAS,CAAAM,aAAaA,CAACC,IAAS,CAAO,CACrC,GAAIA,IAAI,CAACN,IAAI,GAAK,gBAAgB,EAAIM,IAAI,CAACL,aAAa,GAAK,SAAS,CAAE,KAAAM,oBAAA,CACtE,GAAM,CAAAC,OAAO,EAAAD,oBAAA,CAAGD,IAAI,CAACJ,cAAc,eAAnBK,oBAAA,CAAqBC,OAAO,CAE5C,GAAIvB,KAAK,CAACC,OAAO,CAACsB,OAAO,CAAC,EAAIA,OAAO,CAAC/D,MAAM,CAAG,CAAC,CAAE,CAChD,OAAAyB,QAAA,IACKoC,IAAI,EACPN,IAAI,CAAE,KAAK,CACXS,OAAO,EAAG,iBAAiB,EAAAC,MAAA,CAAMJ,IAAI,CAACG,OAAO,EAAI,EAAE,CAAE,CACrDR,aAAa,CAAEU,SAAS,CACxBT,cAAc,CAAES,SAAS,CACzBpC,UAAU,CAAEiC,OAAO,CAAC1B,GAAG,CAAC,SAACc,MAAW,CAAEgB,CAAS,SAAA1C,QAAA,IAC1CyB,sBAAsB,CAACC,MAAM,CAAC,EACjCiB,EAAE,CAAKP,IAAI,CAACO,EAAE,kBAAiBD,CAAG,GAClC,CAAC,EAEP,CAEA,MAAO,CAAAN,IACT,CAEA,GAAIrB,KAAK,CAACC,OAAO,CAACoB,IAAI,CAAC/B,UAAU,CAAC,CAAE,CAClC,OAAAL,QAAA,IACKoC,IAAI,EACP/B,UAAU,CAAE+B,IAAI,CAAC/B,UAAU,CAACO,GAAG,CAACuB,aAAa,CAAC,EAElD,CAEA,MAAO,CAAAC,IACT,CAEA,QAAS,CAAAQ,cAAcA,CACrBC,kBAA6C,CAC7CxC,UAA0D,CAC1DyC,UAAmB,CACnB,CACAzC,UAAU,CAACC,OAAO,CAAC,SAACyC,SAAS,CAAK,CAChC,GAAQ,CAAAC,WAAW,CAAiBD,SAAS,CAArCC,WAAW,CAAEC,UAAU,CAAKF,SAAS,CAAxBE,UAAU,CAE/B,GAAI,CAACA,UAAU,CAAE,CACf,MACF,CAEA,GAAM,CAAAC,QAAQ,CAAGL,kBAAkB,CAACG,WAAW,CAAC,CAEhD,GAAIE,QAAQ,CAAE,CACZA,QAAQ,CAAC9D,GAAG,CAAC,YAAY,CAAAY,QAAA,IACpBkD,QAAQ,CAACjD,GAAG,CAAC,YAAY,CAAC,EAC7BkD,wBAAwB,CAAEL,UAAU,EACrC,CACH,CACF,CAAC,CACH,CAEA,QAAS,CAAAM,sBAAsBA,CAACC,KAAgB,CAAEf,OAAc,CAAQ,CACtEe,KAAK,CAAChD,UAAU,CAAC,EAAE,CAAC,CAEpBiC,OAAO,CAAChC,OAAO,CAAC,SAACoB,MAAW,CAAK,CAC/B2B,KAAK,CAACC,MAAM,CAAC7B,sBAAsB,CAACC,MAAM,CAAC,CAC7C,CAAC,CAAC,CAEF2B,KAAK,CAACjE,GAAG,CAAC,MAAM,CAAE,KAAK,CAAC,CACxBiE,KAAK,CAACE,QAAQ,CAAC,iBAAiB,CAAC,CACjCF,KAAK,CAACjE,GAAG,CAAC,eAAe,CAAEqD,SAAS,CAAC,CACrCY,KAAK,CAACjE,GAAG,CAAC,gBAAgB,CAAE,CAAC,CAAC,CAChC,CAEA,QAAS,CAAAoE,qBAAqBA,CAAAC,KAAA,CAiBN,KAAAC,OAAA,IAhBtB,CAAAC,IAAI,CAAAF,KAAA,CAAJE,IAAI,CAAAC,UAAA,CAAAH,KAAA,CACJI,IAAI,CAAJA,IAAI,CAAAD,UAAA,UAAG,SAAS,CAAAA,UAAA,CAChBE,SAAS,CAAAL,KAAA,CAATK,SAAS,CACTC,kBAAkB,CAAAN,KAAA,CAAlBM,kBAAkB,CAAAC,qBAAA,CAAAP,KAAA,CAClBQ,eAAe,CAAfA,eAAe,CAAAD,qBAAA,UAAG,UAAM,CACtB;AAAA,CACD,CAAAA,qBAAA,CAAAE,mBAAA,CAAAT,KAAA,CACDU,aAAa,CAAbA,aAAa,CAAAD,mBAAA,UAAG,UAAM,CACpB;AAAA,CACD,CAAAA,mBAAA,CACDlF,WAAW,CAAAyE,KAAA,CAAXzE,WAAW,CAAAoF,qBAAA,CAAAX,KAAA,CACXY,sBAAsB,CAAtBA,sBAAsB,CAAAD,qBAAA,UAAG,KAAK,CAAAA,qBAAA,CAAAE,oBAAA,CAAAb,KAAA,CAC9Bc,cAAc,CAAdA,cAAc,CAAAD,oBAAA,UAAG,KAAK,CAAAA,oBAAA,CACPE,qBAAqB,CAAAf,KAAA,CAApCgB,aAAa,CACCC,oBAAoB,CAAAjB,KAAA,CAAlCkB,YAAY,CACZC,iBAAiB,CAAAnB,KAAA,CAAjBmB,iBAAiB,CAEjB,GAAM,CAAAC,WAAW,CAAGzI,cAAc,CAAC,CAAC,CAEpC,GAAM,CAAA0I,cAAc,CAAG9I,sBAAsB,CAAC2H,IAAI,CAAC,CACnD,GAAM,CAAA9F,KAAK,CAAGiH,cAAc,CAACjH,KAAK,CAAC+C,GAAG,CAAC/E,mBAAmB,CAAC,CAC3D,GAAM,CAAAkJ,sBAAsB,CAC1BP,qBAAqB,GAAIK,WAAW,cAAXA,WAAW,CAAEJ,aAAa,KAAAf,OAAA,CAAI7F,KAAK,CAAC,CAAC,CAAC,eAAR6F,OAAA,CAAUf,EAAE,GAAI,EAAE,CAE3E,GAAM,CAAAqC,SAAS,CAAG3J,MAAM,CAAiB,IAAI,CAAC,CAC9C,GAAM,CAAA4J,cAAc,CAAG5J,MAAM,CAAgB,IAAI,CAAC,CAClD,GAAM,CAAAwH,kBAAkB,CAAGxH,MAAM,CAA4B,CAAC,CAAC,CAAC,CAChE,GAAM,CAAA6J,aAAa,CAAG7J,MAAM,CAAsC,CAAC,CAAC,CAAC,CACrE,GAAM,CAAA8J,gBAAgB,CAAG9J,MAAM,CAAS0J,sBAAsB,CAAC,CAC/D,GAAM,CAAAK,cAAc,CAAG/J,MAAM,CAAC2D,WAAW,CAAC,CAC1C,GAAM,CAAAqG,iBAAiB,CAAGhK,MAAM,CAAC,KAAK,CAAC,CACvC,GAAM,CAAAiK,WAAW,CAAGjK,MAAM,CAAS,EAAE,CAAC,CACtC,GAAM,CAAAkK,gBAAgB,CAAGlK,MAAM,CAAC,KAAK,CAAC,CACtC,IAAAmK,SAAA,CAA8ClK,QAAQ,CAAC,KAAK,CAAC,CAAtDmK,eAAe,CAAAD,SAAA,IAAEE,kBAAkB,CAAAF,SAAA,IAE1CpK,SAAS,CAAC,UAAM,CACd+J,gBAAgB,CAACQ,OAAO,CAAGZ,sBAC7B,CAAC,CAAE,CAACA,sBAAsB,CAAC,CAAC,CAE5B3J,SAAS,CAAC,UAAM,CACdgK,cAAc,CAACO,OAAO,CAAG3G,WAC3B,CAAC,CAAE,CAACA,WAAW,CAAC,CAAC,CAEjB,QAAS,CAAA4G,mBAAmBA,CAC1BC,KAAyC,CACR,CACjC,GAAI,CAACA,KAAK,CAAE,CACV,MAAO,KACT,CAEA,GAAQ,CAAA7C,WAAW,CAAwC6C,KAAK,CAAxD7C,WAAW,CAAA8C,eAAA,CAAwCD,KAAK,CAA3CE,QAAQ,CAARA,QAAQ,CAAAD,eAAA,UAAG,CAAC,CAAC,CAAAA,eAAA,CAAAE,oBAAA,CAAyBH,KAAK,CAA5BI,aAAa,CAAbA,aAAa,CAAAD,oBAAA,UAAG,CAAC,CAAC,CAAAA,oBAAA,CAEtD,GAAM,CAAA3C,KAAK,CAAGR,kBAAkB,CAAC8C,OAAO,CAAC3C,WAAW,CAAC,CAErD,GAAI,CAACK,KAAK,CAAE,CACV,GAAM,CAAA6C,MAAM,CAAGf,gBAAgB,CAACQ,OAAO,CAEvC,GAAIO,MAAM,CAAE,CACV,GAAI,CAAChB,aAAa,CAACS,OAAO,CAACO,MAAM,CAAC,CAAE,CAClChB,aAAa,CAACS,OAAO,CAACO,MAAM,CAAC,CAAG,CAAC,CACnC,CAEAhB,aAAa,CAACS,OAAO,CAACO,MAAM,CAAC,CAAClD,WAAW,CAAC,CAAG,CAC3C+C,QAAQ,CAARA,QAAQ,CACRE,aAAa,CAAbA,aAAa,CACbE,SAAS,CAAEC,IAAI,CAACC,GAAG,CAAC,CACtB,CAAC,CAED;AACA1H,OAAO,CAAC2H,GAAG,yBACetD,WAAW,qCAAoCkD,MAAM,CAC7EH,QACF,CACF,CAEA,MAAO,MACT,CAEA;AACA;AACA,GAAM,CAAAQ,aAAa,CAAAvG,QAAA,IAAQ+F,QAAQ,CAAE,CAErC5E,MAAM,CAACqF,IAAI,CAACD,aAAa,CAAC,CAACjG,OAAO,CAAC,SAACmG,GAAG,CAAK,CAC1C,GAAM,CAAAjF,KAAK,CAAG+E,aAAa,CAACE,GAAG,CAAC,CAEhC,GAAIjF,KAAK,EAAI,MAAO,CAAAA,KAAK,GAAK,QAAQ,EAAIA,KAAK,CAACkF,IAAI,GAAK,oBAAoB,CAAE,CAC7EH,aAAa,CAACE,GAAG,CAAC,CAAG,IACvB,CACF,CAAC,CAAC,CAEF,GAAM,CAAAE,cAAc,CAAA3G,QAAA,IACfuG,aAAa,CACjB,CAED,GAAIA,aAAa,CAACK,UAAU,CAAE,CAC5BD,cAAc,CAACC,UAAU,CAAA5G,QAAA,IACnBqD,KAAK,CAACpD,GAAG,CAAC,gBAAgB,CAAC,CAAC2G,UAAU,EAAI,CAAC,CAAC,CAC7CL,aAAa,CAACK,UAAU,CAE/B,CAEA;AACA,GAAM,CAAAC,kBAAkB,CAAGxD,KAAK,CAACpD,GAAG,CAAC,eAAe,CAAC,GAAK,SAAS,CACnE,GAAM,CAAA6G,mBAAmB,CACvBH,cAAc,CAACrE,OAAO,EACtBqE,cAAc,CAACrE,OAAO,GAAK,IAAI,EAC/BvB,KAAK,CAACC,OAAO,CAAC2F,cAAc,CAACrE,OAAO,CAAC,EACrCqE,cAAc,CAACrE,OAAO,CAAC/D,MAAM,CAAG,CAAC,CAEnC,GAAIsI,kBAAkB,EAAIC,mBAAmB,CAAE,KAAAC,oBAAA,CAC7C,GAAM,CAAAC,iBAAiB,CACrB3D,KAAK,CAAChD,UAAU,CAAC,CAAC,CAAC9B,MAAM,CAAG,CAAC,EAC7B,EAAAwI,oBAAA,CAAA1D,KAAK,CAAChD,UAAU,CAAC,CAAC,CAAC4G,EAAE,CAAC,CAAC,CAAC,eAAxBF,oBAAA,CAA0B9G,GAAG,CAAC,eAAe,CAAC,IAAK,YAAY,CAEjE,GAAI,CAAC+G,iBAAiB,EAAI/B,cAAc,CAACU,OAAO,EAAIJ,gBAAgB,CAACI,OAAO,CAAE,CAC5EvC,sBAAsB,CAACC,KAAK,CAAEsD,cAAc,CAACrE,OAAO,CAAC,CAErD,MAAO,KACT,CACF,CAEAe,KAAK,CAACjE,GAAG,CAAC,gBAAgB,CAAAY,QAAA,IACrBqD,KAAK,CAACpD,GAAG,CAAC,gBAAgB,CAAC,CAC3B0G,cAAc,CAClB,CAAC,CAEF;AACAtD,KAAK,CAACjE,GAAG,CAAC,YAAY,CAAAY,QAAA,IACjBqD,KAAK,CAACpD,GAAG,CAAC,YAAY,CAAC,CACvBgG,aAAa,EAChBiB,OAAO,CAAE,KAAK,EACf,CAAC,CAEF,GAAI7D,KAAK,CAAC8D,IAAI,CAAE,CACd9D,KAAK,CAAC8D,IAAI,CAACC,MAAM,CAAC,CACpB,CAEA,MAAO,KACT,CAEAhM,SAAS,CAAC,UAAM,CACd6I,eAAe,CAAC2B,mBAAmB,CACrC,CAAC,CAAE,EAAE,CAAC,CAEN,QAAS,CAAAyB,oBAAoBA,CAACC,YAAoB,CAAE,CAClD,GAAI5C,oBAAoB,CAAE,CACxBA,oBAAoB,CAAC4C,YAAY,CACnC,CAEA,GAAIzC,WAAW,CAAE,CACfA,WAAW,CAAC0C,cAAc,CAACD,YAAY,CACzC,CAEA,GAAI,CAACzC,WAAW,EAAI,CAACH,oBAAoB,CAAE,CACzC;AACA/F,OAAO,CAACC,IAAI,CAAC,+DAA+D,CAC9E,CACF,CAAC,QAEc,CAAA4I,yBAAyBA,CAAAC,GAAA,SAAAC,0BAAA,CAAArK,KAAA,MAAAC,SAAA,WAAAoK,2BAAA,EAAAA,0BAAA,CAAAnK,iBAAA,cAAAC,mBAAA,CAAAC,IAAA,CAAxC,SAAAkK,SAAyCC,OAA4B,MAAAC,WAAA,CAAAC,WAAA,CAAAC,gBAAA,QAAAvK,mBAAA,CAAAM,IAAA,UAAAkK,UAAAC,SAAA,iBAAAA,SAAA,CAAAhK,IAAA,CAAAgK,SAAA,CAAA/J,IAAA,SAC/D2J,WAAW,CAAG,IAAI,KAElB5C,cAAc,CAACU,OAAO,EAAAsC,SAAA,CAAA/J,IAAA,SAAA+J,SAAA,CAAA/J,IAAA,SACJ,CAAAhB,eAAe,CAAC+H,cAAc,CAACU,OAAO,CAAC,QAA3DkC,WAAW,CAAAI,SAAA,CAAAxJ,IAAA,QAGbmE,cAAc,CAACC,kBAAkB,CAAC8C,OAAO,CAAEiC,OAAO,CAACM,kBAAkB,CAAE,IAAI,CAAC,CAACD,SAAA,CAAAhK,IAAA,GAAAgK,SAAA,CAAA/J,IAAA,SAGjD,CAAA6F,kBAAkB,CAAA/D,QAAA,IACvC4H,OAAO,EACVjE,IAAI,CAAEkE,WAAW,EAClB,CAAC,QAHIC,WAAW,CAAAG,SAAA,CAAAxJ,IAAA,CAKXsJ,gBAAgB,CAAGD,WAAW,EAAI,CAAC,CAAC,CAE1C3G,MAAM,CAACC,OAAO,CAAC2G,gBAAgB,CAAC,CAACzH,OAAO,CAAC,SAAA6H,KAAA,CAAkB,IAAhB,CAAA1B,GAAG,CAAA0B,KAAA,IAAE3G,KAAK,CAAA2G,KAAA,IACnD,GAAM,CAAA9E,KAAK,CAAGR,kBAAkB,CAAC8C,OAAO,CAACc,GAAG,CAAC,CAE7C,GAAIpD,KAAK,CAAE,CACTA,KAAK,CAACjE,GAAG,CAAC,YAAY,CAAAY,QAAA,IACjBqD,KAAK,CAACpD,GAAG,CAAC,YAAY,CAAC,EAC1BmI,KAAK,CAAE3F,SAAS,EACjB,CAAC,CAEFY,KAAK,CAACjE,GAAG,CAAC,gBAAgB,CAAAY,QAAA,IACrBqD,KAAK,CAACpD,GAAG,CAAC,gBAAgB,CAAC,CAC3BuB,KAAK,EACR4G,KAAK,CAAE3F,SAAS,CAChB4F,SAAS,CAAE5F,SAAS,EACrB,CACH,CACF,CAAC,CAAC,CAAC,OAAAwF,SAAA,CAAA7J,MAAA,UAEI2J,gBAAgB,UAAAE,SAAA,CAAAhK,IAAA,IAAAgK,SAAA,CAAAvJ,EAAA,CAAAuJ,SAAA,aAEvBL,OAAO,CAACM,kBAAkB,CAAC5H,OAAO,CAAC,SAAC0C,WAAmB,CAAK,CAC1D,GAAM,CAAAK,KAAK,CAAGR,kBAAkB,CAAC8C,OAAO,CAAC3C,WAAW,CAAC,CAErD,GAAIK,KAAK,CAAE,CACT,GAAM,CAAAiF,YAAY,CAChBL,SAAA,CAAAvJ,EAAA,WAAiB,CAAA6J,KAAK,CAAGN,SAAA,CAAAvJ,EAAA,CAAM8J,OAAO,CAAG,yCAAyC,CAEpFnF,KAAK,CAACjE,GAAG,CAAC,YAAY,CAAAY,QAAA,IACjBqD,KAAK,CAACpD,GAAG,CAAC,YAAY,CAAC,EAC1BmI,KAAK,CAAEE,YAAY,EACpB,CAAC,CAEFjF,KAAK,CAACjE,GAAG,CAAC,gBAAgB,CAAAY,QAAA,IACrBqD,KAAK,CAACpD,GAAG,CAAC,gBAAgB,CAAC,EAC9BmI,KAAK,CAAEE,YAAY,CACnBD,SAAS,CAAE5F,SAAS,EACrB,CACH,CACF,CAAC,CAAC,CAAC,MAAAwF,SAAA,CAAAvJ,EAAA,SAAAuJ,SAAA,CAAAhK,IAAA,IAIH2E,cAAc,CAACC,kBAAkB,CAAC8C,OAAO,CAAEiC,OAAO,CAACM,kBAAkB,CAAE,KAAK,CAAC,CAAC,OAAAD,SAAA,CAAAQ,MAAA,8BAAAR,SAAA,CAAApJ,IAAA,KAAA8I,QAAA,sBAEjF,UAAAD,0BAAA,CAAArK,KAAA,MAAAC,SAAA,EAEDlC,SAAS,CAAC,UAAM,CACd,GAAI,CAAC4J,SAAS,CAACW,OAAO,CAAE,CACtB,MAAO,WAAM,CACX;AAAA,CAEJ,CAEA,GAAIV,cAAc,CAACU,OAAO,CAAE,CAC1BV,cAAc,CAACU,OAAO,CAAC+C,OAAO,CAAC,CAAC,CAChCzD,cAAc,CAACU,OAAO,CAAG,IAAI,CAC7BJ,gBAAgB,CAACI,OAAO,CAAG,KAC7B,CAEA,GAAM,CAAAgD,WAAW,CAAG9E,IAAI,CAExB,GAAM,CAAAnH,MAAM,CAAGnB,QAAQ,CAACqN,IAAI,CAAC,CAC3BC,SAAS,CAAE7D,SAAS,CAACW,OAAO,CAC5BmD,MAAM,CAAE,MAAM,CACdC,OAAO,CAAE,CACPvN,QAAQ,CACRS,iCAAiC,CAC/B0M,WAAW,CACXnB,yBAAyB,CACzB3E,kBAAkB,CAAC8C,OAAO,CAC1BxB,aAAa,CACbI,cAAc,CACdvF,WAAW,CACXqI,oBACF,CAAC,CACF,CACD2B,cAAc,CAAE,CAAElH,IAAI,CAAE,MAAO,CAAC,CAChCmH,cAAc,CAAE,CACd3G,OAAO,CAAE,CAAC,MAAM,CAAE,QAAQ,CAAE,WAAW,CAAE,eAAe,CAC1D,CAAC,CACD3F,MAAM,CAAE,CACNuM,gBAAgB,CAAE,QAAlB,CAAAA,gBAAgBA,CAAGnG,SAAS,CAAK,CAC/B,GAAM,CAAAoG,OAAO,CAAGpG,SAAS,CAAC9C,GAAG,CAAC,SAAS,CAAC,CAExC,MAAO,CAAAkJ,OAAO,GAAK,MAAM,CAAG,EAAE,CAAGA,OAAO,EAAI,EAC9C,CACF,CACF,CAAC,CAAC,CAEF5D,gBAAgB,CAACI,OAAO,CAAG,IAAI,CAE/B,GAAI,CAAAyD,iBAAiB,CAAG,CAAC,CAEzB,QAAS,CAAAC,iBAAiBA,CAAA,CAAG,KAAAC,cAAA,CAC3B,GAAM,CAAAC,SAAS,EAAAD,cAAA,CAAG5M,MAAM,CAACE,MAAM,SAAb0M,cAAA,CAAexM,WAAW,cAA1BwM,cAAA,CAAexM,WAAW,CAAG,CAAC,CAEhD,GAAIyM,SAAS,EAAIA,SAAS,CAACC,IAAI,CAAE,CAC/B,GAAI,CAACD,SAAS,CAACC,IAAI,CAACC,aAAa,CAAC,wBAAwB,CAAC,CAAE,CAC3D,GAAM,CAAApI,KAAK,CAAGkI,SAAS,CAACG,aAAa,CAAC,OAAO,CAAC,CAC9C,GAAM,CAAAC,OAAO,kBACThO,mBAAmB,kBACnBC,aAAa,+TAUhB,CACDyF,KAAK,CAACuI,SAAS,CAAGD,OAAO,CACzBtI,KAAK,CAACwI,YAAY,CAAC,MAAM,CAAE,UAAU,CAAC,CACtCxI,KAAK,CAACwI,YAAY,CAAC,sBAAsB,CAAE,MAAM,CAAC,CAClDN,SAAS,CAACC,IAAI,CAACM,WAAW,CAACzI,KAAK,CAClC,CACF,CAAC,IAAM,IAAI+H,iBAAiB,CAAG,EAAE,CAAE,CACjCA,iBAAiB,EAAI,CAAC,CACtBW,qBAAqB,CAACV,iBAAiB,CACzC,CACF,CAEAU,qBAAqB,CAACV,iBAAiB,CAAC,CAAC,QAE1B,CAAAW,UAAUA,CAAA,SAAAC,WAAA,CAAA5M,KAAA,MAAAC,SAAA,WAAA2M,YAAA,EAAAA,WAAA,CAAA1M,iBAAA,cAAAC,mBAAA,CAAAC,IAAA,CAAzB,SAAAyM,SAAA,MAAAC,MAAA,CAAAC,OAAA,QAAA5M,mBAAA,CAAAM,IAAA,UAAAuM,UAAAC,SAAA,iBAAAA,SAAA,CAAArM,IAAA,CAAAqM,SAAA,CAAApM,IAAA,cACMkH,cAAc,CAACO,OAAO,EAAIN,iBAAiB,CAACM,OAAO,GAAA2E,SAAA,CAAApM,IAAA,gBAAAoM,SAAA,CAAAlM,MAAA,uBAInD,CAACmH,gBAAgB,CAACI,OAAO,EAAI,CAACV,cAAc,CAACU,OAAO,GAAA2E,SAAA,CAAApM,IAAA,gBAAAoM,SAAA,CAAAlM,MAAA,kBAIpD+L,MAAM,CAAG,IAAI,CAAAG,SAAA,CAAApM,IAAA,SAEF,CAAAhB,eAAe,CAAC+H,cAAc,CAACU,OAAO,CAAC,QAAtDwE,MAAM,CAAAG,SAAA,CAAA7L,IAAA,IAED0L,MAAM,EAAAG,SAAA,CAAApM,IAAA,iBAAAoM,SAAA,CAAAlM,MAAA,mBAILgM,OAAO,CAAGG,IAAI,CAACC,SAAS,CAACL,MAAM,CAAC,CAEtC,GAAIC,OAAO,GAAK9E,WAAW,CAACK,OAAO,CAAE,CACnCxB,aAAa,CAAC,IAAI,CAAC,CACnBmB,WAAW,CAACK,OAAO,CAAGyE,OACxB,CAAC,yBAAAE,SAAA,CAAAzL,IAAA,KAAAqL,QAAA,EACF,UAAAD,WAAA,CAAA5M,KAAA,MAAAC,SAAA,EAED,GAAM,CAAAmN,mBAAmB,CAAI,UAAM,CACjC,GAAI,CAAAC,OAA8B,CAAG,IAAI,CAEzC,MAAO,WAAM,CACX,GAAIA,OAAO,CAAE,CACXC,YAAY,CAACD,OAAO,CACtB,CAEAA,OAAO,CAAGE,UAAU,CAACZ,UAAU,CAAE,GAAG,CACtC,CACF,CAAC,CAAE,CAAC,CAEJ,CACE,eAAe,CACf,kBAAkB,CAClB,0BAA0B,CAC1B,cAAc,CACd,oBAAoB,CACpB,YAAY,CACb,CAAC1J,OAAO,CAAC,SAACuK,GAAG,CAAK,CACjBnO,MAAM,CAACoO,EAAE,CAACD,GAAG,CAAEJ,mBAAmB,CACpC,CAAC,CAAC,CAEF/N,MAAM,CAACoO,EAAE,CAAC,kBAAkB,CAAE,SAACzH,KAAK,CAAE9B,IAAI,CAAK,CAC7C,GAAI,CAAC,YAAY,CAAE,gBAAgB,CAAE,SAAS,CAAC,CAACwJ,QAAQ,CAACxJ,IAAI,CAAC,CAAE,CAC9DkJ,mBAAmB,CAAC,CACtB,CACF,CAAC,CAAC,CAEF;AACA;AACA/N,MAAM,CAACoO,EAAE,CAAC,MAAM,cAAAvN,iBAAA,cAAAC,mBAAA,CAAAC,IAAA,CAAE,SAAAuN,QAAA,MAAAnO,SAAA,CAAAoO,UAAA,CAAA5J,KAAA,CAAAsI,OAAA,CAAAuB,WAAA,QAAA1N,mBAAA,CAAAM,IAAA,UAAAqN,SAAAC,QAAA,iBAAAA,QAAA,CAAAnN,IAAA,CAAAmN,QAAA,CAAAlN,IAAA,SACVrB,SAAS,CAAGH,MAAM,CAACE,MAAM,CAACE,WAAW,CAAC,CAAC,CACvCmO,UAAU,CAAGpO,SAAS,CAAC2M,IAAI,CAEjC,GAAI,CAACyB,UAAU,CAACxB,aAAa,CAAC,wBAAwB,CAAC,CAAE,CACjDpI,KAAK,CAAGxE,SAAS,CAAC6M,aAAa,CAAC,OAAO,CAAC,CACxCC,OAAO,cACXhO,mBAAmB,cACnBC,aAAa,wRAWfyF,KAAK,CAACuI,SAAS,CAAGD,OAAO,CACzBtI,KAAK,CAACwI,YAAY,CAAC,MAAM,CAAE,UAAU,CAAC,CACtCxI,KAAK,CAACwI,YAAY,CAAC,sBAAsB,CAAE,MAAM,CAAC,CAClDoB,UAAU,CAACnB,WAAW,CAACzI,KAAK,CAC9B,CAEAgE,iBAAiB,CAACM,OAAO,CAAG,IAAI,CAACyF,QAAA,CAAAlN,IAAA,SACP,CAAAhB,eAAe,CAACR,MAAM,CAAC,QAA3CwO,WAAW,CAAAE,QAAA,CAAA3M,IAAA,CAEjB,GAAIyM,WAAW,CAAE,CACf5F,WAAW,CAACK,OAAO,CAAG4E,IAAI,CAACC,SAAS,CAACU,WAAW,CAClD,CAEA7F,iBAAiB,CAACM,OAAO,CAAG,KAAK,CAEjC7G,sBAAsB,CAACpC,MAAM,CAAEiM,WAAW,GAAK,SAAS,CAAEvD,cAAc,CAACO,OAAO,CAAC,CAAC,yBAAAyF,QAAA,CAAAvM,IAAA,KAAAmM,OAAA,EACnF,GAAC,CAEF/F,cAAc,CAACU,OAAO,CAAGjJ,MAAM,CAE/B,GAAIoH,SAAS,CAAE,CACbA,SAAS,CAACpH,MAAM,CAClB,CAEAjB,eAAe,CAAC6E,OAAO,CAAC,SAAA+K,KAAA,CAAuB,IAApB,CAAAvJ,IAAI,CAAAuJ,KAAA,CAAJvJ,IAAI,CAAEqH,OAAO,CAAAkC,KAAA,CAAPlC,OAAO,CACtC,GAAI,CAACzM,MAAM,CAAC4O,aAAa,CAACC,OAAO,CAACzJ,IAAI,CAAC,CAAE,CACvCpF,MAAM,CAAC4O,aAAa,CAACE,OAAO,CAAC1J,IAAI,CAAE,CACjCuB,KAAK,CAAE,CACLoI,QAAQ,CAAE,CAAEtC,OAAO,CAAPA,OAAQ,CACtB,CAAC,CACDhC,IAAI,CAAE,CAAC,CACT,CAAC,CACH,CACF,CAAC,CAAC,CAEF,MAAO,SAAS,CAAAuE,OAAOA,CAAA,CAAG,CACxBhP,MAAM,CAACgM,OAAO,CAAC,CAAC,CAChBnD,gBAAgB,CAACI,OAAO,CAAG,KAC7B,CACF,CAAC,CAAE,EAAE,CAAC,CAENvK,SAAS,CAAC,UAAM,KAAAuQ,WAAA,CACd,GAAIhI,IAAI,EAAI,EAAAgI,WAAA,CAAAhI,IAAI,CAAC9F,KAAK,eAAV8N,WAAA,CAAYpN,MAAM,EAAG,CAAC,CAAE,KAAAqN,mBAAA,CAAAC,sBAAA,CAClC,GAAI,CAACtG,gBAAgB,CAACI,OAAO,EAAI,CAACV,cAAc,CAACU,OAAO,CAAE,CACxD,MACF,CAEA,GAAM,CAAAmG,kBAAkB,CAAG9P,sBAAsB,CAAC2H,IAAI,CAAC,CAEvD,GAAM,CAAAoI,WAAW,CAAGjQ,cAAc,CAACgQ,kBAAkB,CAACjO,KAAK,CAAEkH,sBAAsB,CAAC,CAEpF,GAAI,CAACgH,WAAW,EAAI,GAAAH,mBAAA,CAACG,WAAW,CAACC,MAAM,SAAlBJ,mBAAA,CAAoBrN,MAAM,EAAE,CAC/C;AACAI,OAAO,CAACC,IAAI,CAAC,+BAA+B,CAAC,CAE7C,MACF,CAEAyG,iBAAiB,CAACM,OAAO,CAAG,IAAI,CAChC,GAAM,CAAAsG,GAAG,CAAGF,WAAW,CAACC,MAAM,CAAC,CAAC,CAAC,CAACjJ,SAAS,CAC3C,GAAM,CAAAmJ,SAAS,CAAG/J,aAAa,CAAC8J,GAAG,CAAC,CAEpC,GAAI,KAAAE,qBAAA,CACF,CAAAA,qBAAA,CAAAlH,cAAc,CAACU,OAAO,SAAtBwG,qBAAA,CAAwBC,aAAa,CAACF,SAAS,CAAC,CAEhDtB,UAAU,CAAC,UAAM,CACf,GAAI3F,cAAc,CAACU,OAAO,EAAIJ,gBAAgB,CAACI,OAAO,CAAE,KAAA0G,sBAAA,CACtD,GAAM,CAAAC,aAAa,EAAAD,sBAAA,CAAGpH,cAAc,CAACU,OAAO,eAAtB0G,sBAAA,CAAwBf,aAAa,CAE3D,GAAIgB,aAAa,CAAE,KAAAC,qBAAA,CACjB,GAAM,CAAAC,aAAa,CAAGF,aAAa,SAAAC,qBAAA,CAAbD,aAAa,CAAEnO,UAAU,CAAC,CAAC,eAA3BoO,qBAAA,CAA6BE,QAAQ,CAAC,gBAAgB,CAAC,CAC7ED,aAAa,QAAbA,aAAa,CAAElM,OAAO,CAAC,SAACpB,IAAS,CAAK,CACpC,GAAIA,IAAI,CAACe,GAAG,CAAC,eAAe,CAAC,GAAK,MAAM,CAAE,KAAAyM,UAAA,CACxC,CAAAA,UAAA,CAAAxN,IAAI,CAACiI,IAAI,SAATuF,UAAA,CAAWtF,MAAM,CAAC,CACpB,CACF,CAAC,CACH,CACF,CACF,CAAC,CAAE,GAAG,CACR,CAAE,MAAOgB,KAAK,CAAE,CACd;AACAzJ,OAAO,CAACyJ,KAAK,CAAC,qCAAqC,CAAEA,KAAK,CAC5D,CAEA,GAAM,CAAAuE,YAAY,CAAGb,kBAAkB,CAACc,MAAM,EAAI,EAAE,CACpD,GAAM,CAAAC,UAAU,CAAGd,WAAW,CAACa,MAAM,EAAI,EAAE,CAC3C,GAAM,CAAAE,YAAY,CAAG/Q,WAAW,CAAC4Q,YAAY,CAAEE,UAAU,CAAC,CAC1D,GAAM,CAAAE,OAAO,CAAGrM,aAAa,CAACoM,YAAY,CAAC,CAC3C,CAAAjB,sBAAA,CAAA5G,cAAc,CAACU,OAAO,SAAtBkG,sBAAA,CAAwBmB,QAAQ,CAACD,OAAO,CAAC,CAEzC,GAAInI,iBAAiB,EAAImH,WAAW,CAACkB,WAAW,CAAE,CAChDrI,iBAAiB,CAACmH,WAAW,CAACpJ,EAAE,CAAEoJ,WAAW,CAACkB,WAAW,CAC3D,CAEA,GAAIhI,cAAc,CAACU,OAAO,CAAE,CAC1B7G,sBAAsB,CAACmG,cAAc,CAACU,OAAO,CAAE9B,IAAI,GAAK,SAAS,CAAE7E,WAAW,CAAC,CAE/E4L,UAAU,CAAC,UAAM,CACf,GAAI3F,cAAc,CAACU,OAAO,EAAIJ,gBAAgB,CAACI,OAAO,EAAI9B,IAAI,GAAK,SAAS,CAAE,CAC5E/E,sBAAsB,CAACmG,cAAc,CAACU,OAAO,CAAE,IAAI,CAAE3G,WAAW,CAClE,CACF,CAAC,CAAE,EAAE,CACP,CAEA4L,UAAU,CAAC,UAAM,CACf,GAAImB,WAAW,EAAI7G,aAAa,CAACS,OAAO,CAACoG,WAAW,CAACpJ,EAAE,CAAC,CAAE,CACxD,GAAM,CAAAuK,UAAU,CAAGhI,aAAa,CAACS,OAAO,CAACoG,WAAW,CAACpJ,EAAE,CAAC,CAExDxB,MAAM,CAACC,OAAO,CAAC8L,UAAU,CAAC,CAAC5M,OAAO,CAAC,SAAA6M,KAAA,CAAyB,IAAvB,CAAAnK,WAAW,CAAAmK,KAAA,IAAEC,IAAI,CAAAD,KAAA,IACpD,GAAM,CAAA9J,KAAK,CAAGR,kBAAkB,CAAC8C,OAAO,CAAC3C,WAAW,CAAC,CAErD,GAAIK,KAAK,EAAI+J,IAAI,CAAE,CACjB,GAAIA,IAAI,CAACrH,QAAQ,CAAE,CACjB1C,KAAK,CAACjE,GAAG,CAAC,gBAAgB,CAAAY,QAAA,IACrBqD,KAAK,CAACpD,GAAG,CAAC,gBAAgB,CAAC,CAC3BmN,IAAI,CAACrH,QAAQ,CACjB,CACH,CAEA,GAAM,CAAAsH,iBAAiB,CAAArN,QAAA,IAClBqD,KAAK,CAACpD,GAAG,CAAC,YAAY,CAAC,CACtBmN,IAAI,CAACnH,aAAa,EAAI,CAAC,CAAC,EAC5BiB,OAAO,CAAE,KAAK,EACf,CAED7D,KAAK,CAACjE,GAAG,CAAC,YAAY,CAAEiO,iBAAiB,CAAC,CAE1C,GAAIhK,KAAK,CAAC8D,IAAI,CAAE,CACd9D,KAAK,CAAC8D,IAAI,CAACC,MAAM,CAAC,CACpB,CACF,CACF,CAAC,CAAC,CAEF,MAAO,CAAAlC,aAAa,CAACS,OAAO,CAACoG,WAAW,CAACpJ,EAAE,CAC7C,CACF,CAAC,CAAE,GAAG,CAAC,CAEP;AACAhE,OAAO,CAAC2H,GAAG,uDAAsDyF,WAAW,cAAXA,WAAW,CAAEpJ,EAAE,CAAE,CAAC,CACnF,GAAM,CAAA2K,kBAAkB,CAAGC,WAAW,CAAC,UAAM,CAC3C,GAAI,CAACxB,WAAW,EAAI,CAAC7G,aAAa,CAACS,OAAO,CAACoG,WAAW,CAACpJ,EAAE,CAAC,CAAE,CAC1D,MACF,CAEA;AACAhE,OAAO,CAAC2H,GAAG,uCAC6ByF,WAAW,CAACpJ,EAAE,KACpDxB,MAAM,CAACqF,IAAI,CAACtB,aAAa,CAACS,OAAO,CAACoG,WAAW,CAACpJ,EAAE,CAAC,CACnD,CAAC,CAED,GAAM,CAAAuK,UAAU,CAAGhI,aAAa,CAACS,OAAO,CAACoG,WAAW,CAACpJ,EAAE,CAAC,CACxD,GAAI,CAAA6K,UAAU,CAAG,KAAK,CAEtBrM,MAAM,CAACC,OAAO,CAAC8L,UAAU,CAAC,CAAC5M,OAAO,CAAC,SAAAmN,KAAA,CAAyB,IAAvB,CAAAzK,WAAW,CAAAyK,KAAA,IAAEL,IAAI,CAAAK,KAAA,IACpD,GAAM,CAAApK,KAAK,CAAGR,kBAAkB,CAAC8C,OAAO,CAAC3C,WAAW,CAAC,CAErD,GAAIK,KAAK,EAAI+J,IAAI,CAAE,CACjB,GAAIA,IAAI,CAACrH,QAAQ,CAAE,CACjB1C,KAAK,CAACjE,GAAG,CAAC,gBAAgB,CAAAY,QAAA,IACrBqD,KAAK,CAACpD,GAAG,CAAC,gBAAgB,CAAC,CAC3BmN,IAAI,CAACrH,QAAQ,CACjB,CACH,CAEA,GAAM,CAAAsH,iBAAiB,CAAArN,QAAA,IAClBqD,KAAK,CAACpD,GAAG,CAAC,YAAY,CAAC,CACtBmN,IAAI,CAACnH,aAAa,EAAI,CAAC,CAAC,EAC5BiB,OAAO,CAAE,KAAK,EACf,CAED7D,KAAK,CAACjE,GAAG,CAAC,YAAY,CAAEiO,iBAAiB,CAAC,CAE1C,GAAIhK,KAAK,CAAC8D,IAAI,CAAE,CACd9D,KAAK,CAAC8D,IAAI,CAACC,MAAM,CAAC,CACpB,CAEAoG,UAAU,CAAG,IAAI,CACjB;AACA7O,OAAO,CAAC2H,GAAG,gDAAgDtD,WAAW,CAAIoK,IAAI,CAChF,CACF,CAAC,CAAC,CAEF,GAAII,UAAU,CAAE,CACdrM,MAAM,CAACqF,IAAI,CAAC0G,UAAU,CAAC,CAAC5M,OAAO,CAAC,SAAC0C,WAAW,CAAK,CAC/C,GAAIH,kBAAkB,CAAC8C,OAAO,CAAC3C,WAAW,CAAC,CAAE,CAC3C,MAAO,CAAAkK,UAAU,CAAClK,WAAW,CAC/B,CACF,CAAC,CAAC,CAEF,GAAI7B,MAAM,CAACqF,IAAI,CAAC0G,UAAU,CAAC,CAAC3O,MAAM,GAAK,CAAC,CAAE,CACxC;AACAI,OAAO,CAAC2H,GAAG,sCAAsCyF,WAAW,CAACpJ,EAAI,CAAC,CAClE,MAAO,CAAAuC,aAAa,CAACS,OAAO,CAACoG,WAAW,CAACpJ,EAAE,CAC7C,CACF,CACF,CAAC,CAAE,GAAG,CAAC,CAEPiI,UAAU,CAAC,UAAM,CACf;AACAjM,OAAO,CAAC2H,GAAG,uDAAsDyF,WAAW,cAAXA,WAAW,CAAEpJ,EAAE,CAAE,CAAC,CACnF+K,aAAa,CAACJ,kBAAkB,CAClC,CAAC,CAAE,IAAI,CAAC,CAER1C,UAAU,cAAArN,iBAAA,cAAAC,mBAAA,CAAAC,IAAA,CAAC,SAAAkQ,SAAA,MAAAzC,WAAA,QAAA1N,mBAAA,CAAAM,IAAA,UAAA8P,UAAAC,SAAA,iBAAAA,SAAA,CAAA5P,IAAA,CAAA4P,SAAA,CAAA3P,IAAA,cACL+G,cAAc,CAACU,OAAO,EAAIJ,gBAAgB,CAACI,OAAO,GAAAkI,SAAA,CAAA3P,IAAA,SAAA2P,SAAA,CAAA3P,IAAA,SAC1B,CAAAhB,eAAe,CAAC+H,cAAc,CAACU,OAAO,CAAC,QAA3DuF,WAAW,CAAA2C,SAAA,CAAApP,IAAA,CAEjB,GAAIyM,WAAW,CAAE,CACf5F,WAAW,CAACK,OAAO,CAAG4E,IAAI,CAACC,SAAS,CAACU,WAAW,CAClD,CAEA7F,iBAAiB,CAACM,OAAO,CAAG,KAAK,CAAC,wBAAAkI,SAAA,CAAAhP,IAAA,KAAA8O,QAAA,EAErC,GAAE,GAAG,CACR,CACF,CAAC,CAAE,CAAChK,IAAI,CAAEoB,sBAAsB,CAAEH,iBAAiB,CAAC,CAAC,CAErDxJ,SAAS,CAAC,UAAM,CACd,GAAIyI,IAAI,EAAIoB,cAAc,CAACU,OAAO,EAAIJ,gBAAgB,CAACI,OAAO,CAAE,CAC9DN,iBAAiB,CAACM,OAAO,CAAG,IAAI,CAEhC,GAAItB,sBAAsB,CAAE,CAC1BqB,kBAAkB,CAAC,IAAI,CACzB,CAEA5G,sBAAsB,CAACmG,cAAc,CAACU,OAAO,CAAY9B,IAAI,GAAK,SAAS,CAAE7E,WAAW,CAAC,CAEzF4L,UAAU,CAAC,UAAM,CACf,GAAIrF,gBAAgB,CAACI,OAAO,CAAE,CAC5BN,iBAAiB,CAACM,OAAO,CAAG,KAAK,CACjCD,kBAAkB,CAAC,KAAK,CAC1B,CACF,CAAC,CAAE,EAAE,CACP,CACF,CAAC,CAAE,CAAC7B,IAAI,CAAEQ,sBAAsB,CAAC,CAAC,CAElC,mBACE7H,KAAA,CAACrB,KAAK,CAAC2S,QAAQ,EAAAC,QAAA,eACbzR,IAAA,CAACJ,YAAY,GAAE,CAAC,cAChBI,IAAA,QACE0R,GAAG,CAAEhJ,SAAU,CACfrC,EAAE,CAAC,iBAAiB,CACpBtB,KAAK,CAAE,CACL4M,OAAO,CAAExI,eAAe,CAAG,CAAC,CAAG,CAAC,CAChCyI,UAAU,CAAE,2BACd,CAAE,CACH,CAAC,EACY,CAEpB,CAEA,QAAS,CAAAC,aAAaA,CAACtI,KAA0B,CAAE,KAAAuI,QAAA,CACjD,GAAM,CAAAC,eAAe,CAAGjS,cAAc,CAAC,CAAC,CAExC,GAAIiS,eAAe,CAAE,CACnB,mBAAO/R,IAAA,CAACkH,qBAAqB,CAAAxD,QAAA,IAAK6F,KAAK,CAAG,CAC5C,CAEA,GAAM,CAAAf,cAAc,CAAG9I,sBAAsB,CAAC6J,KAAK,CAAClC,IAAI,CAAC,CACzD,GAAM,CAAA9F,KAAK,CAAGiH,cAAc,CAACjH,KAAK,CAAC+C,GAAG,CAAC/E,mBAAmB,CAAC,CAC3D,GAAM,CAAAyS,aAAa,CAAGzI,KAAK,CAACpB,aAAa,IAAA2J,QAAA,CAAIvQ,KAAK,CAAC,CAAC,CAAC,eAARuQ,QAAA,CAAUzL,EAAE,GAAI,EAAE,CAE/D,mBACErG,IAAA,CAACH,YAAY,EAAC0B,KAAK,CAAEA,KAAM,CAACyQ,aAAa,CAAEA,aAAc,CAAC3J,YAAY,CAAEkB,KAAK,CAAClB,YAAa,CAAAoJ,QAAA,cACzFzR,IAAA,CAACkH,qBAAqB,CAAAxD,QAAA,IAAK6F,KAAK,CAAG,CAAC,CACxB,CAElB,CAEA,cAAe,CAAAsI,aAAa","ignoreList":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { PageMetadata } from '../types/page';
|
|
3
|
+
type PageNavigatorProps = {
|
|
4
|
+
currentPageId: string;
|
|
5
|
+
mode: 'editor' | 'preview';
|
|
6
|
+
onNavigate: (pageId: string) => void;
|
|
7
|
+
pages: PageMetadata[];
|
|
8
|
+
};
|
|
9
|
+
export declare function PageNavigator({ pages, currentPageId, onNavigate, mode, }: PageNavigatorProps): React.JSX.Element | null;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */import React from"react";import styled from"styled-components";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var NavigatorContainer=styled.div.withConfig({displayName:"PageNavigator__NavigatorContainer",componentId:"sc-4px837-0"})(["display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff;border-bottom:1px solid #e5e7eb;overflow-x:auto;&::-webkit-scrollbar{height:4px;}&::-webkit-scrollbar-track{background:#f1f1f1;}&::-webkit-scrollbar-thumb{background:#888;border-radius:2px;}"]);var PageTab=styled.button.withConfig({displayName:"PageNavigator__PageTab",componentId:"sc-4px837-1"})(["padding:8px 16px;border:none;background:",";color:",";border-radius:6px;cursor:pointer;font-size:14px;font-weight:",";white-space:nowrap;transition:all 0.2s ease;&:hover{background:",";}&:focus{outline:2px solid #2a44d4;outline-offset:2px;}"],function(props){return props.active?"#2A44D4":"#f3f4f6"},function(props){return props.active?"#ffffff":"#374151"},function(props){return props.active?"600":"500"},function(props){return props.active?"#1e3bb8":"#e5e7eb"});var PageCount=styled.span.withConfig({displayName:"PageNavigator__PageCount",componentId:"sc-4px837-2"})(["margin-left:auto;padding:4px 8px;background:#f3f4f6;color:#6b7280;border-radius:4px;font-size:12px;font-weight:500;"]);export function PageNavigator(_ref){var pages=_ref.pages,currentPageId=_ref.currentPageId,onNavigate=_ref.onNavigate,mode=_ref.mode;if(mode==="preview"){return null}if(pages.length<=1){return null}var sortedPages=[].concat(pages).sort(function(a,b){return(a.order||0)-(b.order||0)});return/*#__PURE__*/_jsxs(NavigatorContainer,{children:[sortedPages.map(function(page){return/*#__PURE__*/_jsx(PageTab,{active:page.id===currentPageId,onClick:function onClick(){return onNavigate(page.id)},title:"Navigate to "+page.name,children:page.name},page.id)}),/*#__PURE__*/_jsxs(PageCount,{children:[sortedPages.findIndex(function(p){return p.id===currentPageId})+1," / ",pages.length]})]})}
|
|
2
|
+
//# sourceMappingURL=PageNavigator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageNavigator.js","names":["React","styled","jsx","_jsx","jsxs","_jsxs","NavigatorContainer","div","withConfig","displayName","componentId","PageTab","button","props","active","PageCount","span","PageNavigator","_ref","pages","currentPageId","onNavigate","mode","length","sortedPages","concat","sort","a","b","order","children","map","page","id","onClick","title","name","findIndex","p"],"sources":["../../src/components/PageNavigator.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport styled from 'styled-components';\n\nimport type { PageMetadata } from '../types/page';\n\ntype PageNavigatorProps = {\n currentPageId: string;\n mode: 'editor' | 'preview';\n onNavigate: (pageId: string) => void;\n pages: PageMetadata[];\n};\n\nconst NavigatorContainer = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px 12px;\n background: #ffffff;\n border-bottom: 1px solid #e5e7eb;\n overflow-x: auto;\n\n &::-webkit-scrollbar {\n height: 4px;\n }\n\n &::-webkit-scrollbar-track {\n background: #f1f1f1;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #888;\n border-radius: 2px;\n }\n`;\n\nconst PageTab = styled.button<{ active: boolean }>`\n padding: 8px 16px;\n border: none;\n background: ${(props) => (props.active ? '#2A44D4' : '#f3f4f6')};\n color: ${(props) => (props.active ? '#ffffff' : '#374151')};\n border-radius: 6px;\n cursor: pointer;\n font-size: 14px;\n font-weight: ${(props) => (props.active ? '600' : '500')};\n white-space: nowrap;\n transition: all 0.2s ease;\n\n &:hover {\n background: ${(props) => (props.active ? '#1e3bb8' : '#e5e7eb')};\n }\n\n &:focus {\n outline: 2px solid #2a44d4;\n outline-offset: 2px;\n }\n`;\n\nconst PageCount = styled.span`\n margin-left: auto;\n padding: 4px 8px;\n background: #f3f4f6;\n color: #6b7280;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n`;\n\nexport function PageNavigator({\n pages,\n currentPageId,\n onNavigate,\n mode,\n}: PageNavigatorProps): React.JSX.Element | null {\n if (mode === 'preview') {\n return null;\n }\n\n if (pages.length <= 1) {\n return null;\n }\n\n const sortedPages = [...pages].sort((a, b) => (a.order || 0) - (b.order || 0));\n\n return (\n <NavigatorContainer>\n {sortedPages.map((page) => (\n <PageTab\n key={page.id}\n active={page.id === currentPageId}\n onClick={() => onNavigate(page.id)}\n title={`Navigate to ${page.name}`}\n >\n {page.name}\n </PageTab>\n ))}\n <PageCount>\n {sortedPages.findIndex((p) => p.id === currentPageId) + 1} / {pages.length}\n </PageCount>\n </NavigatorContainer>\n );\n}\n"],"mappings":"AAAA,uDACA,MAAO,CAAAA,KAAK,KAAM,OAAO,CACzB,MAAO,CAAAC,MAAM,KAAM,mBAAmB,CAAC,OAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,yBAWvC,GAAM,CAAAC,kBAAkB,CAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA,EAAAC,WAAA,qCAAAC,WAAA,gSAqBpC,CAED,GAAM,CAAAC,OAAO,CAAGV,MAAM,CAACW,MAAM,CAAAJ,UAAA,EAAAC,WAAA,0BAAAC,WAAA,sQAGb,SAACG,KAAK,QAAM,CAAAA,KAAK,CAACC,MAAM,CAAG,SAAS,CAAG,SAAS,CAAC,CACtD,SAACD,KAAK,QAAM,CAAAA,KAAK,CAACC,MAAM,CAAG,SAAS,CAAG,SAAS,CAAC,CAI3C,SAACD,KAAK,QAAM,CAAAA,KAAK,CAACC,MAAM,CAAG,KAAK,CAAG,KAAK,CAAC,CAKxC,SAACD,KAAK,QAAM,CAAAA,KAAK,CAACC,MAAM,CAAG,SAAS,CAAG,SAAS,CAAC,CAOlE,CAED,GAAM,CAAAC,SAAS,CAAGd,MAAM,CAACe,IAAI,CAAAR,UAAA,EAAAC,WAAA,4BAAAC,WAAA,yIAQ5B,CAED,MAAO,SAAS,CAAAO,aAAaA,CAAAC,IAAA,CAKoB,IAJ/C,CAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,aAAa,CAAAF,IAAA,CAAbE,aAAa,CACbC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACVC,IAAI,CAAAJ,IAAA,CAAJI,IAAI,CAEJ,GAAIA,IAAI,GAAK,SAAS,CAAE,CACtB,MAAO,KACT,CAEA,GAAIH,KAAK,CAACI,MAAM,EAAI,CAAC,CAAE,CACrB,MAAO,KACT,CAEA,GAAM,CAAAC,WAAW,CAAG,GAAAC,MAAA,CAAIN,KAAK,EAAEO,IAAI,CAAC,SAACC,CAAC,CAAEC,CAAC,QAAK,CAACD,CAAC,CAACE,KAAK,EAAI,CAAC,GAAKD,CAAC,CAACC,KAAK,EAAI,CAAC,CAAC,EAAC,CAE9E,mBACExB,KAAA,CAACC,kBAAkB,EAAAwB,QAAA,EAChBN,WAAW,CAACO,GAAG,CAAC,SAACC,IAAI,qBACpB7B,IAAA,CAACQ,OAAO,EAENG,MAAM,CAAEkB,IAAI,CAACC,EAAE,GAAKb,aAAc,CAClCc,OAAO,CAAE,QAAT,CAAAA,OAAOA,CAAA,QAAQ,CAAAb,UAAU,CAACW,IAAI,CAACC,EAAE,CAAC,CAAC,CACnCE,KAAK,gBAAiBH,IAAI,CAACI,IAAO,CAAAN,QAAA,CAEjCE,IAAI,CAACI,IAAI,EALLJ,IAAI,CAACC,EAMH,CAAC,CACX,CAAC,cACF5B,KAAA,CAACU,SAAS,EAAAe,QAAA,EACPN,WAAW,CAACa,SAAS,CAAC,SAACC,CAAC,QAAK,CAAAA,CAAC,CAACL,EAAE,GAAKb,aAAa,EAAC,CAAG,CAAC,CAAC,KAAG,CAACD,KAAK,CAACI,MAAM,EACjE,CAAC,EACM,CAExB","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { PageContext as PageContextType, PageMetadata } from '../types/page';
|
|
3
|
+
type PageProviderProps = {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
initialPageId?: string;
|
|
6
|
+
onPageChange?: (pageId: string) => void;
|
|
7
|
+
pages: PageMetadata[];
|
|
8
|
+
};
|
|
9
|
+
export declare function PageProvider({ children, pages, initialPageId, onPageChange, }: PageProviderProps): React.JSX.Element;
|
|
10
|
+
export declare function usePageContext(): PageContextType | null;
|
|
11
|
+
export declare function useRequiredPageContext(): PageContextType;
|
|
12
|
+
export declare function useCurrentPage(): PageMetadata | undefined;
|
|
13
|
+
export declare function usePageNavigation(): {
|
|
14
|
+
navigateToPage: (pageId: string) => void;
|
|
15
|
+
navigateToNextPage: () => void;
|
|
16
|
+
navigateToPreviousPage: () => void;
|
|
17
|
+
canNavigateNext: boolean;
|
|
18
|
+
canNavigatePrevious: boolean;
|
|
19
|
+
currentPageId: string;
|
|
20
|
+
pages: PageMetadata[];
|
|
21
|
+
};
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */import React,{createContext,useCallback,useContext,useMemo,useState}from"react";import{jsx as _jsx}from"react/jsx-runtime";var PageContext=/*#__PURE__*/createContext(null);export function PageProvider(_ref){var children=_ref.children,pages=_ref.pages,initialPageId=_ref.initialPageId,onPageChange=_ref.onPageChange;var _useState=useState(initialPageId||(pages.length>0?pages[0].id:"")),currentPageId=_useState[0],setCurrentPageId=_useState[1];var _useState2=useState(false),isTransitioning=_useState2[0],setIsTransitioning=_useState2[1];var _useState3=useState({}),pageDataCache=_useState3[0],setPageDataCache=_useState3[1];var navigateToPage=useCallback(function(pageId){var targetPage=pages.find(function(p){return p.id===pageId});if(!targetPage){// eslint-disable-next-line no-console
|
|
2
|
+
console.warn("Cannot navigate to page \""+pageId+"\": page not found");return}if(pageId===currentPageId){return}setIsTransitioning(true);setCurrentPageId(pageId);if(onPageChange){onPageChange(pageId)}setTimeout(function(){setIsTransitioning(false)},300)},[currentPageId,pages,onPageChange]);var contextValue=useMemo(function(){return{currentPageId:currentPageId,pages:pages,navigateToPage:navigateToPage,isTransitioning:isTransitioning,pageDataCache:pageDataCache,setPageDataCache:setPageDataCache}},[currentPageId,pages,navigateToPage,isTransitioning,pageDataCache]);return/*#__PURE__*/_jsx(PageContext.Provider,{value:contextValue,children:children})}export function usePageContext(){return useContext(PageContext)}export function useRequiredPageContext(){var context=useContext(PageContext);if(!context){throw new Error("useRequiredPageContext must be used within a PageProvider")}return context}export function useCurrentPage(){var context=usePageContext();if(!context){return undefined}return context.pages.find(function(p){return p.id===context.currentPageId})}export function usePageNavigation(){var context=useRequiredPageContext();var navigateToNextPage=useCallback(function(){var currentIndex=context.pages.findIndex(function(p){return p.id===context.currentPageId});if(currentIndex<context.pages.length-1){context.navigateToPage(context.pages[currentIndex+1].id)}},[context]);var navigateToPreviousPage=useCallback(function(){var currentIndex=context.pages.findIndex(function(p){return p.id===context.currentPageId});if(currentIndex>0){context.navigateToPage(context.pages[currentIndex-1].id)}},[context]);var canNavigateNext=useMemo(function(){var currentIndex=context.pages.findIndex(function(p){return p.id===context.currentPageId});return currentIndex<context.pages.length-1},[context.pages,context.currentPageId]);var canNavigatePrevious=useMemo(function(){var currentIndex=context.pages.findIndex(function(p){return p.id===context.currentPageId});return currentIndex>0},[context.pages,context.currentPageId]);return{navigateToPage:context.navigateToPage,navigateToNextPage:navigateToNextPage,navigateToPreviousPage:navigateToPreviousPage,canNavigateNext:canNavigateNext,canNavigatePrevious:canNavigatePrevious,currentPageId:context.currentPageId,pages:context.pages}}
|
|
3
|
+
//# sourceMappingURL=PageContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageContext.js","names":["React","createContext","useCallback","useContext","useMemo","useState","jsx","_jsx","PageContext","PageProvider","_ref","children","pages","initialPageId","onPageChange","_useState","length","id","currentPageId","setCurrentPageId","_useState2","isTransitioning","setIsTransitioning","_useState3","pageDataCache","setPageDataCache","navigateToPage","pageId","targetPage","find","p","console","warn","setTimeout","contextValue","Provider","value","usePageContext","useRequiredPageContext","context","Error","useCurrentPage","undefined","usePageNavigation","navigateToNextPage","currentIndex","findIndex","navigateToPreviousPage","canNavigateNext","canNavigatePrevious"],"sources":["../../src/contexts/PageContext.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { createContext, useCallback, useContext, useMemo, useState } from 'react';\n\nimport type { PageContext as PageContextType, PageMetadata } from '../types/page';\n\nconst PageContext = createContext<PageContextType | null>(null);\n\ntype PageProviderProps = {\n children: React.ReactNode;\n initialPageId?: string;\n onPageChange?: (pageId: string) => void;\n pages: PageMetadata[];\n};\n\nexport function PageProvider({\n children,\n pages,\n initialPageId,\n onPageChange,\n}: PageProviderProps): React.JSX.Element {\n const [currentPageId, setCurrentPageId] = useState<string>(\n initialPageId || (pages.length > 0 ? pages[0].id : ''),\n );\n const [isTransitioning, setIsTransitioning] = useState(false);\n const [pageDataCache, setPageDataCache] = useState<Record<string, Record<string, any>>>({});\n\n const navigateToPage = useCallback(\n (pageId: string) => {\n const targetPage = pages.find((p) => p.id === pageId);\n\n if (!targetPage) {\n // eslint-disable-next-line no-console\n console.warn(`Cannot navigate to page \"${pageId}\": page not found`);\n\n return;\n }\n\n if (pageId === currentPageId) {\n return;\n }\n\n setIsTransitioning(true);\n\n setCurrentPageId(pageId);\n\n if (onPageChange) {\n onPageChange(pageId);\n }\n\n setTimeout(() => {\n setIsTransitioning(false);\n }, 300);\n },\n [currentPageId, pages, onPageChange],\n );\n\n const contextValue = useMemo(\n () => ({\n currentPageId,\n pages,\n navigateToPage,\n isTransitioning,\n pageDataCache,\n setPageDataCache,\n }),\n [currentPageId, pages, navigateToPage, isTransitioning, pageDataCache],\n );\n\n return <PageContext.Provider value={contextValue}>{children}</PageContext.Provider>;\n}\n\nexport function usePageContext(): PageContextType | null {\n return useContext(PageContext);\n}\n\nexport function useRequiredPageContext(): PageContextType {\n const context = useContext(PageContext);\n\n if (!context) {\n throw new Error('useRequiredPageContext must be used within a PageProvider');\n }\n\n return context;\n}\n\nexport function useCurrentPage(): PageMetadata | undefined {\n const context = usePageContext();\n\n if (!context) {\n return undefined;\n }\n\n return context.pages.find((p) => p.id === context.currentPageId);\n}\n\nexport function usePageNavigation() {\n const context = useRequiredPageContext();\n\n const navigateToNextPage = useCallback(() => {\n const currentIndex = context.pages.findIndex((p) => p.id === context.currentPageId);\n\n if (currentIndex < context.pages.length - 1) {\n context.navigateToPage(context.pages[currentIndex + 1].id);\n }\n }, [context]);\n\n const navigateToPreviousPage = useCallback(() => {\n const currentIndex = context.pages.findIndex((p) => p.id === context.currentPageId);\n\n if (currentIndex > 0) {\n context.navigateToPage(context.pages[currentIndex - 1].id);\n }\n }, [context]);\n\n const canNavigateNext = useMemo(() => {\n const currentIndex = context.pages.findIndex((p) => p.id === context.currentPageId);\n\n return currentIndex < context.pages.length - 1;\n }, [context.pages, context.currentPageId]);\n\n const canNavigatePrevious = useMemo(() => {\n const currentIndex = context.pages.findIndex((p) => p.id === context.currentPageId);\n\n return currentIndex > 0;\n }, [context.pages, context.currentPageId]);\n\n return {\n navigateToPage: context.navigateToPage,\n navigateToNextPage,\n navigateToPreviousPage,\n canNavigateNext,\n canNavigatePrevious,\n currentPageId: context.currentPageId,\n pages: context.pages,\n };\n}\n"],"mappings":"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","ignoreList":[]}
|
package/helpers/merge-json.d.ts
CHANGED
package/helpers/merge-json.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _extends from"@babel/runtime/helpers/extends";/* eslint-disable @typescript-eslint/no-explicit-any */function isPlaceholder(obj){return typeof obj==="object"&&obj!==null&&obj.name==="__peak_placeholder"}function extractPlaceholders(json,mapping,parentId){if(parentId===void 0){parentId=undefined}var updatedParentId=parentId;if(json===null){return}else if(Array.isArray(json)){json.forEach(function(item){return extractPlaceholders(item,mapping,updatedParentId)});return}else if(typeof json==="object"){if(json.id){updatedParentId=json.id}for(var _i=0,_Object$entries=Object.entries(json);_i<_Object$entries.length;_i++){var _Object$entries$_i=_Object$entries[_i],key=_Object$entries$_i[0],value=_Object$entries$_i[1];if(isPlaceholder(value)){if(updatedParentId){mapping[updatedParentId]=mapping[updatedParentId]||{};mapping[updatedParentId][key]=value}}else if(typeof value==="object"){extractPlaceholders(value,mapping,updatedParentId)}}}}function containsPlaceholder(obj,key){var value=obj==null?void 0:obj[key];return value!==null&&value!==""}function replacePlaceholders(json,mapping){if(json===null){return json}if(Array.isArray(json)){return json.map(function(item){return replacePlaceholders(item,mapping)})}if(typeof json==="object"){var _newJson$componentNam,_newJson$componentNam2,_newJson$componentPro,_newJson$componentNam3,_newJson$componentPro2,_newJson$componentPro3;var newJson=_extends({},json);if(newJson.id&&mapping[newJson.id]){var hasFooterContent=containsPlaceholder(newJson,"footerContent");var hasFooterIcon=containsPlaceholder(newJson,"footerIcon");var hasFooterClass=containsPlaceholder(newJson,"footerClass");for(var _i2=0,_Object$entries2=Object.entries(mapping[newJson.id]);_i2<_Object$entries2.length;_i2++){var _Object$entries2$_i=_Object$entries2[_i2],key=_Object$entries2$_i[0],placeholderValue=_Object$entries2$_i[1];if(key in newJson){if(key==="footerContent"&&(!hasFooterContent||newJson.isEmptied)||key==="footerIcon"&&(!hasFooterIcon||newJson.isEmptied)||key==="footerClass"&&(!hasFooterClass||newJson.isEmptied)){continue}newJson[key]=placeholderValue}}}if(((_newJson$componentNam=newJson.componentName)==null?void 0:_newJson$componentNam.toLowerCase())==="filter"){newJson.componentProps=_extends({},newJson.componentProps,{value:null})}if(((_newJson$componentNam2=newJson.componentName)==null?void 0:_newJson$componentNam2.toLowerCase())==="search"&&(_newJson$componentPro=newJson.componentProps)!=null&&_newJson$componentPro.searchText){newJson.componentProps=_extends({},newJson.componentProps,{searchText:null})}if(((_newJson$componentNam3=newJson.componentName)==null?void 0:_newJson$componentNam3.toLowerCase())==="table"&&((_newJson$componentPro2=newJson.componentProps)!=null&&_newJson$componentPro2.sortColumn||(_newJson$componentPro3=newJson.componentProps)!=null&&_newJson$componentPro3.sortDirection)){newJson.componentProps=_extends({},newJson.componentProps,{sortColumn:null,sortDirection:null})}for(var _i3=0,_Object$entries3=Object.entries(newJson);_i3<_Object$entries3.length;_i3++){var _Object$entries3$_i=_Object$entries3[_i3],_key=_Object$entries3$_i[0],value=_Object$entries3$_i[1];newJson[_key]=replacePlaceholders(value,mapping)}return newJson}return json}export function getUpdatedUiJson(uiJson,finalJson){var placeholderMapping={};extractPlaceholders(uiJson,placeholderMapping);var cloneJson=JSON.parse(JSON.stringify(finalJson));var newFinalJson=replacePlaceholders(cloneJson,placeholderMapping);return _extends({},newFinalJson,{styles:uiJson.styles||[]})}
|
|
1
|
+
import _extends from"@babel/runtime/helpers/extends";/* eslint-disable @typescript-eslint/no-explicit-any */function isPlaceholder(obj){return typeof obj==="object"&&obj!==null&&obj.name==="__peak_placeholder"}function extractPlaceholders(json,mapping,parentId){if(parentId===void 0){parentId=undefined}var updatedParentId=parentId;if(json===null){return}else if(Array.isArray(json)){json.forEach(function(item){return extractPlaceholders(item,mapping,updatedParentId)});return}else if(typeof json==="object"){if(json.id){updatedParentId=json.id}for(var _i=0,_Object$entries=Object.entries(json);_i<_Object$entries.length;_i++){var _Object$entries$_i=_Object$entries[_i],key=_Object$entries$_i[0],value=_Object$entries$_i[1];if(isPlaceholder(value)){if(updatedParentId){mapping[updatedParentId]=mapping[updatedParentId]||{};mapping[updatedParentId][key]=value}}else if(typeof value==="object"){extractPlaceholders(value,mapping,updatedParentId)}}}}function containsPlaceholder(obj,key){var value=obj==null?void 0:obj[key];return value!==null&&value!==""}function replacePlaceholders(json,mapping){if(json===null){return json}if(Array.isArray(json)){return json.map(function(item){return replacePlaceholders(item,mapping)})}if(typeof json==="object"){var _newJson$componentNam,_newJson$componentNam2,_newJson$componentPro,_newJson$componentNam3,_newJson$componentPro2,_newJson$componentPro3;var newJson=_extends({},json);if(newJson.id&&mapping[newJson.id]){var hasFooterContent=containsPlaceholder(newJson,"footerContent");var hasFooterIcon=containsPlaceholder(newJson,"footerIcon");var hasFooterClass=containsPlaceholder(newJson,"footerClass");for(var _i2=0,_Object$entries2=Object.entries(mapping[newJson.id]);_i2<_Object$entries2.length;_i2++){var _Object$entries2$_i=_Object$entries2[_i2],key=_Object$entries2$_i[0],placeholderValue=_Object$entries2$_i[1];if(key in newJson){if(key==="footerContent"&&(!hasFooterContent||newJson.isEmptied)||key==="footerIcon"&&(!hasFooterIcon||newJson.isEmptied)||key==="footerClass"&&(!hasFooterClass||newJson.isEmptied)){continue}newJson[key]=placeholderValue}}}if(((_newJson$componentNam=newJson.componentName)==null?void 0:_newJson$componentNam.toLowerCase())==="filter"){newJson.componentProps=_extends({},newJson.componentProps,{value:null})}if(((_newJson$componentNam2=newJson.componentName)==null?void 0:_newJson$componentNam2.toLowerCase())==="search"&&(_newJson$componentPro=newJson.componentProps)!=null&&_newJson$componentPro.searchText){newJson.componentProps=_extends({},newJson.componentProps,{searchText:null})}if(((_newJson$componentNam3=newJson.componentName)==null?void 0:_newJson$componentNam3.toLowerCase())==="table"&&((_newJson$componentPro2=newJson.componentProps)!=null&&_newJson$componentPro2.sortColumn||(_newJson$componentPro3=newJson.componentProps)!=null&&_newJson$componentPro3.sortDirection)){newJson.componentProps=_extends({},newJson.componentProps,{sortColumn:null,sortDirection:null})}for(var _i3=0,_Object$entries3=Object.entries(newJson);_i3<_Object$entries3.length;_i3++){var _Object$entries3$_i=_Object$entries3[_i3],_key=_Object$entries3$_i[0],value=_Object$entries3$_i[1];newJson[_key]=replacePlaceholders(value,mapping)}return newJson}return json}export function getUpdatedUiJson(uiJson,finalJson,currentPageId){var placeholderMapping={};extractPlaceholders(uiJson,placeholderMapping);var cloneJson=JSON.parse(JSON.stringify(finalJson));if(currentPageId&&uiJson.pages&&Array.isArray(uiJson.pages)&&uiJson.pages.length>1){var pageIndex=uiJson.pages.findIndex(function(p){return p.id===currentPageId});if(pageIndex>=0&&cloneJson.pages&&cloneJson.pages[0]){var updatedPages=[].concat(uiJson.pages);updatedPages[pageIndex]=_extends({},updatedPages[pageIndex],{frames:cloneJson.pages[0].frames});var multiPageJson={assets:uiJson.assets||[],dataSources:uiJson.dataSources||[],isMultiPage:uiJson.isMultiPage,pages:updatedPages,styles:uiJson.styles||[],symbols:uiJson.symbols||[]};var _newFinalJson=replacePlaceholders(multiPageJson,placeholderMapping);return _newFinalJson}}var newFinalJson=replacePlaceholders(cloneJson,placeholderMapping);return _extends({},newFinalJson,{assets:uiJson.assets||newFinalJson.assets||[],dataSources:uiJson.dataSources||newFinalJson.dataSources||[],isMultiPage:uiJson.isMultiPage,styles:uiJson.styles||[],symbols:uiJson.symbols||newFinalJson.symbols||[]})}
|
|
2
2
|
//# sourceMappingURL=merge-json.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"merge-json.js","names":["isPlaceholder","obj","name","extractPlaceholders","json","mapping","parentId","undefined","updatedParentId","Array","isArray","forEach","item","id","_i","_Object$entries","Object","entries","length","_Object$entries$_i","key","value","containsPlaceholder","replacePlaceholders","map","_newJson$componentNam","_newJson$componentNam2","_newJson$componentPro","_newJson$componentNam3","_newJson$componentPro2","_newJson$componentPro3","newJson","_extends","hasFooterContent","hasFooterIcon","hasFooterClass","_i2","_Object$entries2","_Object$entries2$_i","placeholderValue","isEmptied","componentName","toLowerCase","componentProps","searchText","sortColumn","sortDirection","_i3","_Object$entries3","_Object$entries3$_i","getUpdatedUiJson","uiJson","finalJson","placeholderMapping","cloneJson","JSON","parse","stringify","newFinalJson","styles"],"sources":["../../src/helpers/merge-json.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nfunction isPlaceholder(obj: Record<string, any>) {\n return typeof obj === 'object' && obj !== null && obj.name === '__peak_placeholder';\n}\n\nfunction extractPlaceholders(\n json: Record<string, any>,\n mapping: Record<string, any>,\n parentId: string | undefined = undefined,\n) {\n let updatedParentId = parentId;\n\n if (json === null) {\n return;\n } else if (Array.isArray(json)) {\n json.forEach((item) => extractPlaceholders(item, mapping, updatedParentId));\n\n return;\n } else if (typeof json === 'object') {\n if (json.id) {\n updatedParentId = json.id;\n }\n\n for (const [key, value] of Object.entries(json)) {\n if (isPlaceholder(value)) {\n if (updatedParentId) {\n mapping[updatedParentId] = mapping[updatedParentId] || {};\n mapping[updatedParentId][key] = value;\n }\n } else if (typeof value === 'object') {\n extractPlaceholders(value, mapping, updatedParentId);\n }\n }\n }\n}\n\nfunction containsPlaceholder(obj: Record<string, any>, key: string) {\n const value = obj?.[key];\n\n return value !== null && value !== '';\n}\n\nfunction replacePlaceholders(\n json: Record<string, any>,\n mapping: Record<string, any>,\n): Record<string, any> {\n if (json === null) {\n return json;\n }\n\n if (Array.isArray(json)) {\n return json.map((item) => replacePlaceholders(item, mapping));\n }\n\n if (typeof json === 'object') {\n const newJson = { ...json };\n\n if (newJson.id && mapping[newJson.id]) {\n const hasFooterContent = containsPlaceholder(newJson, 'footerContent');\n const hasFooterIcon = containsPlaceholder(newJson, 'footerIcon');\n const hasFooterClass = containsPlaceholder(newJson, 'footerClass');\n\n for (const [key, placeholderValue] of Object.entries(mapping[newJson.id])) {\n if (key in newJson) {\n if (\n (key === 'footerContent' && (!hasFooterContent || newJson.isEmptied)) ||\n (key === 'footerIcon' && (!hasFooterIcon || newJson.isEmptied)) ||\n (key === 'footerClass' && (!hasFooterClass || newJson.isEmptied))\n ) {\n continue;\n }\n\n newJson[key] = placeholderValue;\n }\n }\n }\n\n if (newJson.componentName?.toLowerCase() === 'filter') {\n newJson.componentProps = {\n ...newJson.componentProps,\n value: null,\n };\n }\n\n if (newJson.componentName?.toLowerCase() === 'search' && newJson.componentProps?.searchText) {\n newJson.componentProps = {\n ...newJson.componentProps,\n searchText: null,\n };\n }\n\n if (\n newJson.componentName?.toLowerCase() === 'table' &&\n (newJson.componentProps?.sortColumn || newJson.componentProps?.sortDirection)\n ) {\n newJson.componentProps = {\n ...newJson.componentProps,\n sortColumn: null,\n sortDirection: null,\n };\n }\n\n for (const [key, value] of Object.entries(newJson)) {\n newJson[key] = replacePlaceholders(value, mapping);\n }\n\n return newJson;\n }\n\n return json;\n}\n\nexport function getUpdatedUiJson(uiJson: Record<string, any>, finalJson: Record<string, any>) {\n const placeholderMapping = {};\n extractPlaceholders(uiJson, placeholderMapping);\n\n const cloneJson = JSON.parse(JSON.stringify(finalJson));\n const newFinalJson = replacePlaceholders(cloneJson, placeholderMapping);\n\n return {\n ...newFinalJson,\n styles: uiJson.styles || [],\n };\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"merge-json.js","names":["isPlaceholder","obj","name","extractPlaceholders","json","mapping","parentId","undefined","updatedParentId","Array","isArray","forEach","item","id","_i","_Object$entries","Object","entries","length","_Object$entries$_i","key","value","containsPlaceholder","replacePlaceholders","map","_newJson$componentNam","_newJson$componentNam2","_newJson$componentPro","_newJson$componentNam3","_newJson$componentPro2","_newJson$componentPro3","newJson","_extends","hasFooterContent","hasFooterIcon","hasFooterClass","_i2","_Object$entries2","_Object$entries2$_i","placeholderValue","isEmptied","componentName","toLowerCase","componentProps","searchText","sortColumn","sortDirection","_i3","_Object$entries3","_Object$entries3$_i","getUpdatedUiJson","uiJson","finalJson","currentPageId","placeholderMapping","cloneJson","JSON","parse","stringify","pages","pageIndex","findIndex","p","updatedPages","concat","frames","multiPageJson","assets","dataSources","isMultiPage","styles","symbols","newFinalJson"],"sources":["../../src/helpers/merge-json.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nfunction isPlaceholder(obj: Record<string, any>) {\n return typeof obj === 'object' && obj !== null && obj.name === '__peak_placeholder';\n}\n\nfunction extractPlaceholders(\n json: Record<string, any>,\n mapping: Record<string, any>,\n parentId: string | undefined = undefined,\n) {\n let updatedParentId = parentId;\n\n if (json === null) {\n return;\n } else if (Array.isArray(json)) {\n json.forEach((item) => extractPlaceholders(item, mapping, updatedParentId));\n\n return;\n } else if (typeof json === 'object') {\n if (json.id) {\n updatedParentId = json.id;\n }\n\n for (const [key, value] of Object.entries(json)) {\n if (isPlaceholder(value)) {\n if (updatedParentId) {\n mapping[updatedParentId] = mapping[updatedParentId] || {};\n mapping[updatedParentId][key] = value;\n }\n } else if (typeof value === 'object') {\n extractPlaceholders(value, mapping, updatedParentId);\n }\n }\n }\n}\n\nfunction containsPlaceholder(obj: Record<string, any>, key: string) {\n const value = obj?.[key];\n\n return value !== null && value !== '';\n}\n\nfunction replacePlaceholders(\n json: Record<string, any>,\n mapping: Record<string, any>,\n): Record<string, any> {\n if (json === null) {\n return json;\n }\n\n if (Array.isArray(json)) {\n return json.map((item) => replacePlaceholders(item, mapping));\n }\n\n if (typeof json === 'object') {\n const newJson = { ...json };\n\n if (newJson.id && mapping[newJson.id]) {\n const hasFooterContent = containsPlaceholder(newJson, 'footerContent');\n const hasFooterIcon = containsPlaceholder(newJson, 'footerIcon');\n const hasFooterClass = containsPlaceholder(newJson, 'footerClass');\n\n for (const [key, placeholderValue] of Object.entries(mapping[newJson.id])) {\n if (key in newJson) {\n if (\n (key === 'footerContent' && (!hasFooterContent || newJson.isEmptied)) ||\n (key === 'footerIcon' && (!hasFooterIcon || newJson.isEmptied)) ||\n (key === 'footerClass' && (!hasFooterClass || newJson.isEmptied))\n ) {\n continue;\n }\n\n newJson[key] = placeholderValue;\n }\n }\n }\n\n if (newJson.componentName?.toLowerCase() === 'filter') {\n newJson.componentProps = {\n ...newJson.componentProps,\n value: null,\n };\n }\n\n if (newJson.componentName?.toLowerCase() === 'search' && newJson.componentProps?.searchText) {\n newJson.componentProps = {\n ...newJson.componentProps,\n searchText: null,\n };\n }\n\n if (\n newJson.componentName?.toLowerCase() === 'table' &&\n (newJson.componentProps?.sortColumn || newJson.componentProps?.sortDirection)\n ) {\n newJson.componentProps = {\n ...newJson.componentProps,\n sortColumn: null,\n sortDirection: null,\n };\n }\n\n for (const [key, value] of Object.entries(newJson)) {\n newJson[key] = replacePlaceholders(value, mapping);\n }\n\n return newJson;\n }\n\n return json;\n}\n\nexport function getUpdatedUiJson(\n uiJson: Record<string, any>,\n finalJson: Record<string, any>,\n currentPageId?: string,\n) {\n const placeholderMapping = {};\n extractPlaceholders(uiJson, placeholderMapping);\n\n const cloneJson = JSON.parse(JSON.stringify(finalJson));\n\n if (currentPageId && uiJson.pages && Array.isArray(uiJson.pages) && uiJson.pages.length > 1) {\n const pageIndex = uiJson.pages.findIndex((p: any) => p.id === currentPageId);\n\n if (pageIndex >= 0 && cloneJson.pages && cloneJson.pages[0]) {\n const updatedPages = [...uiJson.pages];\n updatedPages[pageIndex] = {\n ...updatedPages[pageIndex],\n frames: cloneJson.pages[0].frames,\n };\n\n const multiPageJson = {\n assets: uiJson.assets || [],\n dataSources: uiJson.dataSources || [],\n isMultiPage: uiJson.isMultiPage,\n pages: updatedPages,\n styles: uiJson.styles || [],\n symbols: uiJson.symbols || [],\n };\n\n const newFinalJson = replacePlaceholders(multiPageJson, placeholderMapping);\n\n return newFinalJson;\n }\n }\n\n const newFinalJson = replacePlaceholders(cloneJson, placeholderMapping);\n\n return {\n ...newFinalJson,\n assets: uiJson.assets || newFinalJson.assets || [],\n dataSources: uiJson.dataSources || newFinalJson.dataSources || [],\n isMultiPage: uiJson.isMultiPage,\n styles: uiJson.styles || [],\n symbols: uiJson.symbols || newFinalJson.symbols || [],\n };\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Page, PageStyle } from '../types/page';
|
|
2
|
+
export declare function mergeStyles(globalStyles: PageStyle[], pageStyles?: PageStyle[]): PageStyle[];
|
|
3
|
+
export declare function getCurrentPage(pages: Page[], currentPageId?: string): Page | null;
|
|
4
|
+
export declare function extractPageMetadata(page: Page): {
|
|
5
|
+
dataQueries?: string[];
|
|
6
|
+
id: string;
|
|
7
|
+
name: string;
|
|
8
|
+
order: number;
|
|
9
|
+
};
|
|
10
|
+
export declare function validateMultiPageJson(json: any): {
|
|
11
|
+
errors: string[];
|
|
12
|
+
valid: boolean;
|
|
13
|
+
};
|
|
14
|
+
export declare function normalizeMultiPageJson(json: any): any;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import _extends from"@babel/runtime/helpers/extends";/* eslint-disable @typescript-eslint/no-explicit-any */export function mergeStyles(globalStyles,pageStyles){if(pageStyles===void 0){pageStyles=[]}if(!pageStyles||pageStyles.length===0){return globalStyles}var merged=[].concat(globalStyles);var selectorMap=new Map;globalStyles.forEach(function(styleObj,index){var key=styleObj.selectors.sort().join(",");selectorMap.set(key,index)});pageStyles.forEach(function(pageStyleObj){var key=pageStyleObj.selectors.sort().join(",");var existingIndex=selectorMap.get(key);if(existingIndex!==undefined){merged[existingIndex]=_extends({},merged[existingIndex],{style:_extends({},merged[existingIndex].style,pageStyleObj.style)})}else{merged.push(pageStyleObj)}});return merged}export function getCurrentPage(pages,currentPageId){if(!pages||pages.length===0){return null}if(!currentPageId){return pages[0]}return pages.find(function(p){return p.id===currentPageId})||pages[0]}export function extractPageMetadata(page){return{dataQueries:page.dataQueries,id:page.id||"page-"+(page.order||1),name:page.name||"Page "+(page.order||1),order:page.order||1}}export function validateMultiPageJson(json){var errors=[];if(!json){errors.push("JSON is null or undefined");return{errors:errors,valid:false}}if(!Array.isArray(json.pages)){errors.push("JSON must have a \"pages\" array");return{errors:errors,valid:false}}if(json.pages.length===0){errors.push("JSON must have at least one page");return{errors:errors,valid:false}}json.pages.forEach(function(page,index){if(!page.frames||!Array.isArray(page.frames)||page.frames.length===0){errors.push("Page at index "+index+" must have at least one frame")}if(!page.id){// eslint-disable-next-line no-console
|
|
2
|
+
console.warn("Page at index "+index+" is missing an \"id\" field")}if(!page.name){// eslint-disable-next-line no-console
|
|
3
|
+
console.warn("Page at index "+index+" is missing a \"name\" field")}});return{errors:errors,valid:errors.length===0}}export function normalizeMultiPageJson(json){if(!json||!json.pages||!Array.isArray(json.pages)){return json}var normalizedPages=json.pages.map(function(page,index){return _extends({},page,{id:page.id||"page-"+(index+1),name:page.name||"Page "+(index+1),order:page.order!==undefined?page.order:index+1})});return _extends({},json,{pages:normalizedPages})}
|
|
4
|
+
//# sourceMappingURL=page-utils.js.map
|