storybook-addon-contentful-preview/dist/manager.mjs

Preview your components with contentful data

import { addons } from '@storybook/manager-api';
import { Addon_TypesEnum } from '@storybook/types';
import t from 'react';
import { Button, AddonPanel, createCopyToClipboardFunction, Code, IconButton } from '@storybook/components';
import { styled } from '@storybook/theming';

var r="storybook/contentful-preview",s=`${r}/panel`;var a="Contentful Preview";var p=()=>{let n=new URLSearchParams(window.location.search).get("path"),i="";n&&(i=n.split("/")[2]);let o=new URLSearchParams;return o.set("viewMode","story"),o.set("id",i),o.set("entryId","{entry.sys.id}"),o.set("environment","{env_id}"),o.set("locale","{locale}"),decodeURIComponent(`${window.origin}/iframe.html?${o.toString()}`)};styled(Button)({marginTop:"1rem"});var l=()=>{let e=p(),n=createCopyToClipboardFunction();return t.createElement("div",{style:{padding:20}},t.createElement("h3",null,"Welcome"),t.createElement("p",null,"The Contentful Live Preview Addon allows you to use your storybook instance as contentful preview url."),t.createElement("h3",null,"Setup"),t.createElement("p",null,"Set this url as your preview url in your contentful space settings for the content type that represents data for this component.."),t.createElement(Code,{contentEditable:!1},e),t.createElement(IconButton,{onClick:()=>n(e)},"Copy"))};function m(e){return t.createElement(AddonPanel,{...e},t.createElement(l,null))}addons.register(r,()=>{addons.add(s,{type:Addon_TypesEnum.PANEL,title:a,match:({viewMode:e})=>e==="story",render:m});});
//# sourceMappingURL=out.js.map
//# sourceMappingURL=manager.mjs.map