UNPKG

@contentstack/live-preview-utils

Version:

Contentstack provides the Live Preview SDK to establish a communication channel between the various Contentstack SDKs and your website, transmitting live changes to the preview pane.

1 lines 1.98 kB
{"version":3,"sources":["../../../../src/visualBuilder/components/index.tsx"],"sourcesContent":["import { render } from \"preact\";\nimport VisualBuilderComponent from \"./VisualBuilder\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport React from \"preact/compat\";\nimport { isOpenInBuilder } from \"../../utils\";\n\ninterface InitUIParams {\n resizeObserver: ResizeObserver;\n}\n\nfunction initUI(props: InitUIParams): void {\n const visualBuilderDOM = document.querySelector(\n `.visual-builder__container`\n );\n\n const isInBuilder = isOpenInBuilder();\n\n if (!visualBuilderDOM && isInBuilder) {\n const visualBuilderContainer = document.createElement(\"div\");\n visualBuilderContainer.classList.add(\n visualBuilderStyles()[\"visual-builder__container\"],\n \"visual-builder__container\"\n );\n visualBuilderContainer.setAttribute(\n \"data-testid\",\n \"visual-builder__container\"\n );\n\n document.body.appendChild(visualBuilderContainer);\n\n render(\n <VisualBuilderComponent\n visualBuilderContainer={visualBuilderContainer}\n resizeObserver={props.resizeObserver}\n />,\n visualBuilderContainer\n );\n }\n\n return;\n}\n\nexport default initUI;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB;AACvB,2BAAmC;AACnC,2BAAoC;AAEpC,mBAAgC;AA2BpB;AArBZ,SAAS,OAAO,OAA2B;AACvC,QAAM,mBAAmB,SAAS;AAAA,IAC9B;AAAA,EACJ;AAEA,QAAM,kBAAc,8BAAgB;AAEpC,MAAI,CAAC,oBAAoB,aAAa;AAClC,UAAM,yBAAyB,SAAS,cAAc,KAAK;AAC3D,2BAAuB,UAAU;AAAA,UAC7B,0CAAoB,EAAE,2BAA2B;AAAA,MACjD;AAAA,IACJ;AACA,2BAAuB;AAAA,MACnB;AAAA,MACA;AAAA,IACJ;AAEA,aAAS,KAAK,YAAY,sBAAsB;AAEhD;AAAA,MACI;AAAA,QAAC,qBAAAA;AAAA,QAAA;AAAA,UACG;AAAA,UACA,gBAAgB,MAAM;AAAA;AAAA,MAC1B;AAAA,MACA;AAAA,IACJ;AAAA,EACJ;AAEA;AACJ;AAEA,IAAO,qBAAQ;","names":["VisualBuilderComponent"]}