storybook-addon-playroom 7.0.0 → 8.0.0

package/dist/chunk-RBM5CMSM.js

@@ -0,0 +1,57 @@
+import { createUrl } from 'playroom';
+import reactElementToJSXString from 'react-element-to-jsx-string';
+import { useGlobals } from 'storybook/preview-api';
+
+// src/constants.ts
+var PARAM_KEY = `playroom`;
+var getOptions = ({
+  url = "http://localhost:9000",
+  code = "",
+  disable = false,
+  includeDecorators = false,
+  reactElementToJSXStringOptions = { sortProps: false }
+} = {}) => ({
+  url,
+  code,
+  disable,
+  includeDecorators,
+  reactElementToJSXStringOptions
+});
+var getGlobals = (globals) => globals[PARAM_KEY];
+var setGlobals = (updateGlobals, globals) => updateGlobals({ [PARAM_KEY]: globals });
+
+// src/withGlobals.ts
+var updateCodeUrl = ([globals, updateGlobals], codeUrl) => getGlobals(globals).codeUrl !== codeUrl && setGlobals(updateGlobals, { codeUrl });
+var withGlobals = (StoryFn, context) => {
+  const globals = useGlobals();
+  const story = StoryFn();
+  const { parameters, undecoratedStoryFn, viewMode } = context;
+  if (viewMode !== "story") return story;
+  const {
+    url,
+    code,
+    disable,
+    includeDecorators,
+    reactElementToJSXStringOptions
+  } = getOptions(parameters[PARAM_KEY]);
+  if (disable) {
+    updateCodeUrl(globals, void 0);
+    return story;
+  }
+  const storyCode = includeDecorators ? story : undecoratedStoryFn(context);
+  const jsxString = code || reactElementToJSXString(storyCode, reactElementToJSXStringOptions);
+  const codeUrl = url && createUrl({ baseUrl: url, code: jsxString });
+  updateCodeUrl(globals, codeUrl);
+  return story;
+};
+
+// src/preview.ts
+var preview = {
+  decorators: [withGlobals],
+  initialGlobals: {
+    [PARAM_KEY]: false
+  }
+};
+var preview_default = preview;
+
+export { preview_default };

package/dist/index.d.ts

@@ -1,3 +1,5 @@
-declare const _default: {};
+import * as storybook_internal_csf from 'storybook/internal/csf';
+
+declare const _default: () => storybook_internal_csf.PreviewAddon<storybook_internal_csf.AddonTypes>;
 
 export { _default as default };

package/dist/index.js

@@ -1,2 +1,6 @@
-var e={};export{e as default};//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+import { preview_default } from './chunk-RBM5CMSM.js';
+import { definePreviewAddon } from 'storybook/internal/csf';
+
+var index_default = () => definePreviewAddon(preview_default);
+
+export { index_default as default };

package/dist/manager.js

@@ -1,2 +1,38 @@
-import a,{memo}from'react';import {useGlobals,addons,types}from'storybook/manager-api';import {styled}from'storybook/theming';var o="storybook/playroom",e=`${o}/tab`,s="playroom";var f=styled.p({textAlign:"center"}),A=styled.iframe({border:"0 none",height:"100%",width:"100%"}),n=memo(({active:r})=>{let[l]=useGlobals(),{codeUrl:t}=l[s]??{};return r?t?a.createElement(A,{key:t,allowFullScreen:true,src:t,title:"Playroom"}):a.createElement(f,null,"Playroom has been disabled for this story."):null});addons.register(o,()=>{addons.add(e,{type:types.TAB,title:"Playroom",render:({active:r})=>a.createElement(n,{active:!!r})});});//# sourceMappingURL=manager.js.map
-//# sourceMappingURL=manager.js.map
+import React, { memo } from 'react';
+import { useGlobals, addons, types } from 'storybook/manager-api';
+import { styled } from 'storybook/theming';
+
+// src/manager.tsx
+
+// src/constants.ts
+var ADDON_ID = "storybook/playroom";
+var TAB_ID = `${ADDON_ID}/tab`;
+var PARAM_KEY = `playroom`;
+var Message = styled.p({
+  textAlign: "center"
+});
+var Iframe = styled.iframe({
+  border: "0 none",
+  height: "100%",
+  width: "100%"
+});
+var Tab = memo(({ active }) => {
+  const [globals] = useGlobals();
+  const { codeUrl } = globals[PARAM_KEY] ?? {};
+  if (!active) {
+    return null;
+  }
+  if (!codeUrl) {
+    return /* @__PURE__ */ React.createElement(Message, null, "Playroom has been disabled for this story.");
+  }
+  return /* @__PURE__ */ React.createElement(Iframe, { key: codeUrl, allowFullScreen: true, src: codeUrl, title: "Playroom" });
+});
+
+// src/manager.tsx
+addons.register(ADDON_ID, () => {
+  addons.add(TAB_ID, {
+    type: types.TAB,
+    title: "Playroom",
+    render: ({ active }) => /* @__PURE__ */ React.createElement(Tab, { active: !!active })
+  });
+});

package/dist/preview.js

@@ -1,3 +1 @@
-import {createUrl}from'playroom';import A from'react-element-to-jsx-string';import {useGlobals}from'storybook/preview-api';var r="playroom";var p=({url:o="http://localhost:9000",code:t="",disable:e=false,includeDecorators:s=false,reactElementToJSXStringOptions:n={sortProps:false}}={})=>({url:o,code:t,disable:e,includeDecorators:s,reactElementToJSXStringOptions:n}),c=o=>o[r],m=(o,t)=>o({[r]:t});var b=([o,t],e)=>c(o).codeUrl!==e&&m(t,{codeUrl:e}),d=(o,t)=>{let e=useGlobals(),{parameters:s,undecoratedStoryFn:n}=t,{url:a,code:y,disable:f,includeDecorators:u,reactElementToJSXStringOptions:S}=p(s[r]),l=o();if(f)return b(e,void 0),l;let G=u?l:n(t),R=y||A(G,S),g=a&&createUrl({baseUrl:a,code:R});return b(e,g),l};var O={decorators:[d],initialGlobals:{[r]:false}},w=O;
-export{w as default};//# sourceMappingURL=preview.js.map
-//# sourceMappingURL=preview.js.map
+export { preview_default as default } from './chunk-RBM5CMSM.js';

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "storybook-addon-playroom",
-  "version": "7.0.0",
+  "version": "8.0.0",
   "description": "Design with Playroom inside Storybook, using each story source as a starting point",
   "keywords": [
-    "storybook-addons",
+    "storybook-addon",
     "design",
     "playroom",
     "react",
@@ -27,13 +27,11 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "default": "./dist/index.js"
     },
     "./preview": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/preview.js",
-      "require": "./dist/preview.cjs"
+      "types": "./dist/preview.d.ts",
+      "default": "./dist/preview.js"
     },
     "./manager": "./dist/manager.js",
     "./package.json": "./package.json"
@@ -63,12 +61,12 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "playroom": "^0.44.0",
+    "playroom": "^1.0.0",
     "react-element-to-jsx-string": "^15.0.0"
   },
   "devDependencies": {
     "@skypack/package-check": "^0.2.0",
-    "@storybook/react-vite": "^9.0.0",
+    "@storybook/react-vite": "^10.0.0",
     "@types/node": "^24.0.0",
     "@types/react": "^18.0.0",
     "@vitejs/plugin-react": "^5.0.0",
@@ -80,24 +78,22 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "rimraf": "^6.0.0",
-    "storybook": "^9.0.0",
+    "storybook": "^10.0.0",
     "style-loader": "^4.0.0",
     "tsup": "^8.0.0",
     "typescript": "^5.3.0",
     "vite": "^7.0.0"
   },
   "peerDependencies": {
-    "storybook": "^9.0.0"
+    "storybook": "^10.0.0"
   },
   "bundler": {
-    "exportEntries": [
-      "src/index.ts"
-    ],
     "managerEntries": [
       "src/manager.tsx"
     ],
     "previewEntries": [
-      "src/preview.ts"
+      "src/preview.ts",
+      "src/index.ts"
     ]
   },
   "storybook": {

package/dist/index.cjs

@@ -1,2 +0,0 @@
-'use strict';var e={};module.exports=e;//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"names":["index_default"],"mappings":"aACA,IAAOA,EAAQ","file":"index.cjs","sourcesContent":["// make it work with --isolatedModules\nexport default {}\n"]}

package/dist/index.d.cts

@@ -1,3 +0,0 @@
-declare const _default: {};
-
-export { _default as default };

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"names":["index_default"],"mappings":"AACA,IAAOA,EAAQ","file":"index.js","sourcesContent":["// make it work with --isolatedModules\nexport default {}\n"]}

package/dist/manager.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/constants.ts","../src/Tab.tsx","../src/manager.tsx"],"names":["ADDON_ID","TAB_ID","PARAM_KEY","Message","styled","Iframe","Tab","memo","active","globals","useGlobals","codeUrl","React","addons","types"],"mappings":"8HAAO,IAAMA,CAAAA,CAAW,oBAAA,CACXC,CAAAA,CAAS,GAAGD,CAAQ,CAAA,IAAA,CAAA,CACpBE,CAAAA,CAAY,UAAA,CCQzB,IAAMC,CAAAA,CAAUC,MAAAA,CAAO,CAAA,CAAE,CACvB,SAAA,CAAW,QACb,CAAC,CAAA,CAEKC,CAAAA,CAASD,OAAO,MAAA,CAAO,CAC3B,MAAA,CAAQ,QAAA,CACR,MAAA,CAAQ,MAAA,CACR,KAAA,CAAO,MACT,CAAC,CAAA,CAEYE,CAAAA,CAAMC,IAAAA,CAAe,CAAC,CAAE,MAAA,CAAAC,CAAO,CAAA,GAAM,CAChD,GAAM,CAACC,CAAO,CAAA,CAAIC,UAAAA,EAAW,CACvB,CAAE,OAAA,CAAAC,CAAQ,CAAA,CAAIF,CAAAA,CAAQP,CAAS,CAAA,EAAK,EAAC,CAE3C,OAAKM,EAIAG,CAAAA,CAIEC,CAAAA,CAAA,aAAA,CAACP,CAAAA,CAAA,CAAO,GAAA,CAAKM,CAAAA,CAAS,eAAA,CAAe,KAAC,GAAA,CAAKA,CAAAA,CAAS,KAAA,CAAM,UAAA,CAAW,CAAA,CAHnEC,CAAAA,CAAA,aAAA,CAACT,CAAAA,CAAA,KAAQ,4CAA0C,CAAA,CAJnD,IAQX,CAAC,CAAA,CC3BDU,MAAAA,CAAO,QAAA,CAASb,CAAAA,CAAU,IAAM,CAC9Ba,MAAAA,CAAO,GAAA,CAAIZ,CAAAA,CAAQ,CACjB,IAAA,CAAMa,KAAAA,CAAM,GAAA,CACZ,MAAO,UAAA,CACP,MAAA,CAAQ,CAAC,CAAE,MAAA,CAAAN,CAAO,CAAA,GAAMI,CAAAA,CAAA,cAACN,CAAAA,CAAA,CAAI,MAAA,CAAQ,CAAC,CAACE,CAAAA,CAAQ,CACjD,CAAC,EACH,CAAC,CAAA","file":"manager.js","sourcesContent":["export const ADDON_ID = 'storybook/playroom'\nexport const TAB_ID = `${ADDON_ID}/tab`\nexport const PARAM_KEY = `playroom`\n\nexport const EVENTS = {\n  UPDATE: `${ADDON_ID}/update`,\n}\n","import React, { memo } from 'react'\nimport { useGlobals } from 'storybook/manager-api'\nimport { styled } from 'storybook/theming'\n\nimport { PARAM_KEY } from './constants'\n\ninterface TabProps {\n  active: boolean\n}\n\nconst Message = styled.p({\n  textAlign: 'center',\n})\n\nconst Iframe = styled.iframe({\n  border: '0 none',\n  height: '100%',\n  width: '100%',\n})\n\nexport const Tab = memo<TabProps>(({ active }) => {\n  const [globals] = useGlobals()\n  const { codeUrl } = globals[PARAM_KEY] ?? {}\n\n  if (!active) {\n    return null\n  }\n\n  if (!codeUrl) {\n    return <Message>Playroom has been disabled for this story.</Message>\n  }\n\n  return <Iframe key={codeUrl} allowFullScreen src={codeUrl} title=\"Playroom\" />\n})\n","import React from 'react'\nimport { addons, types } from 'storybook/manager-api'\n\nimport { ADDON_ID, PARAM_KEY, TAB_ID } from './constants'\nimport { Tab } from './Tab'\n\naddons.register(ADDON_ID, () => {\n  addons.add(TAB_ID, {\n    type: types.TAB,\n    title: 'Playroom',\n    render: ({ active }) => <Tab active={!!active} />,\n  })\n})\n"]}

package/dist/preview.cjs

@@ -1,3 +0,0 @@
-'use strict';var playroom=require('playroom'),A=require('react-element-to-jsx-string'),previewApi=require('storybook/preview-api');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var A__default=/*#__PURE__*/_interopDefault(A);var r="playroom";var p=({url:o="http://localhost:9000",code:t="",disable:e=false,includeDecorators:s=false,reactElementToJSXStringOptions:n={sortProps:false}}={})=>({url:o,code:t,disable:e,includeDecorators:s,reactElementToJSXStringOptions:n}),c=o=>o[r],m=(o,t)=>o({[r]:t});var b=([o,t],e)=>c(o).codeUrl!==e&&m(t,{codeUrl:e}),d=(o,t)=>{let e=previewApi.useGlobals(),{parameters:s,undecoratedStoryFn:n}=t,{url:a,code:y,disable:f,includeDecorators:u,reactElementToJSXStringOptions:S}=p(s[r]),l=o();if(f)return b(e,void 0),l;let G=u?l:n(t),R=y||A__default.default(G,S),g=a&&playroom.createUrl({baseUrl:a,code:R});return b(e,g),l};var O={decorators:[d],initialGlobals:{[r]:false}},w=O;
-module.exports=w;//# sourceMappingURL=preview.cjs.map
-//# sourceMappingURL=preview.cjs.map

package/dist/preview.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/constants.ts","../src/utils.tsx","../src/withGlobals.ts","../src/preview.ts"],"names":["PARAM_KEY","getOptions","url","code","disable","includeDecorators","reactElementToJSXStringOptions","getGlobals","globals","setGlobals","updateGlobals","updateCodeUrl","codeUrl","withGlobals","StoryFn","context","useGlobals","parameters","undecoratedStoryFn","story","storyCode","jsxString","reactElementToJSXString","createUrl","preview","preview_default"],"mappings":"mPAAO,IAEMA,CAAAA,CAAY,WCiBlB,IAAMC,EAAa,CAAC,CACzB,IAAAC,CAAAA,CAAM,uBAAA,CACN,KAAAC,CAAAA,CAAO,EAAA,CACP,QAAAC,CAAAA,CAAU,KAAA,CACV,iBAAA,CAAAC,CAAAA,CAAoB,KAAA,CACpB,8BAAA,CAAAC,EAAiC,CAAE,SAAA,CAAW,KAAM,CACtD,CAAA,CAAa,EAAC,IAA0B,CACtC,IAAAJ,CAAAA,CACA,IAAA,CAAAC,EACA,OAAA,CAAAC,CAAAA,CACA,kBAAAC,CAAAA,CACA,8BAAA,CAAAC,CACF,CAAA,CAAA,CAEaC,CAAAA,CAAcC,GACzBA,CAAAA,CAAQR,CAAS,EAENS,CAAAA,CAAa,CAACC,EAA8BF,CAAAA,GACvDE,CAAAA,CAAc,CAAE,CAACV,CAAS,EAAGQ,CAAQ,CAAC,ECxBxC,IAAMG,CAAAA,CAAgB,CACpB,CAACH,CAAAA,CAASE,CAAa,CAAA,CACvBE,CAAAA,GAEAL,CAAAA,CAAWC,CAAO,CAAA,CAAE,OAAA,GAAYI,GAChCH,CAAAA,CAAWC,CAAAA,CAAe,CAAE,OAAA,CAAAE,CAAQ,CAAC,CAAA,CAE1BC,CAAAA,CAAc,CACzBC,CAAAA,CACAC,CAAAA,GACG,CACH,IAAMP,CAAAA,CAAUQ,uBAAW,CACrB,CAAE,WAAAC,CAAAA,CAAY,kBAAA,CAAAC,CAAmB,CAAA,CAAIH,CAAAA,CACrC,CACJ,GAAA,CAAAb,CAAAA,CACA,KAAAC,CAAAA,CACA,OAAA,CAAAC,EACA,iBAAA,CAAAC,CAAAA,CACA,+BAAAC,CACF,CAAA,CAAIL,EAAWgB,CAAAA,CAAWjB,CAAS,CAAC,CAAA,CAE9BmB,CAAAA,CAAQL,GAAQ,CAEtB,GAAIV,CAAAA,CACF,OAAAO,CAAAA,CAAcH,CAAAA,CAAS,MAAS,CAAA,CACzBW,CAAAA,CAGT,IAAMC,CAAAA,CAAYf,CAAAA,CACdc,EACCD,CAAAA,CAAmBH,CAAO,EACzBM,CAAAA,CACJlB,CAAAA,EAAQmB,mBAAwBF,CAAAA,CAAWd,CAA8B,EACrEM,CAAAA,CAAUV,CAAAA,EAAOqB,mBAAU,CAAE,OAAA,CAASrB,CAAAA,CAAK,IAAA,CAAMmB,CAAU,CAAC,EAElE,OAAAV,CAAAA,CAAcH,EAASI,CAAO,CAAA,CACvBO,CACT,CAAA,CC7CA,IAAMK,EAAwC,CAC5C,UAAA,CAAY,CAACX,CAAW,CAAA,CACxB,eAAgB,CACd,CAACb,CAAS,EAAG,KACf,CACF,CAAA,CAEOyB,CAAAA,CAAQD","file":"preview.cjs","sourcesContent":["export const ADDON_ID = 'storybook/playroom'\nexport const TAB_ID = `${ADDON_ID}/tab`\nexport const PARAM_KEY = `playroom`\n\nexport const EVENTS = {\n  UPDATE: `${ADDON_ID}/update`,\n}\n","import { type useGlobals } from 'storybook/preview-api'\nimport { type Options as ReactElementToJSXStringOptions } from 'react-element-to-jsx-string'\n\nimport { PARAM_KEY } from './constants'\n\ntype Options = {\n  url?: string\n  code?: string\n  disable?: boolean\n  includeDecorators?: boolean\n  reactElementToJSXStringOptions?: ReactElementToJSXStringOptions\n}\n\ntype Globals = {\n  codeUrl?: string\n}\n\ntype UseGlobals = ReturnType<typeof useGlobals>\n\nexport const getOptions = ({\n  url = 'http://localhost:9000',\n  code = '',\n  disable = false,\n  includeDecorators = false,\n  reactElementToJSXStringOptions = { sortProps: false },\n}: Options = {}): Required<Options> => ({\n  url,\n  code,\n  disable,\n  includeDecorators,\n  reactElementToJSXStringOptions,\n})\n\nexport const getGlobals = (globals: UseGlobals[0]): Globals =>\n  globals[PARAM_KEY]\n\nexport const setGlobals = (updateGlobals: UseGlobals[1], globals: Globals) =>\n  updateGlobals({ [PARAM_KEY]: globals })\n","import { createUrl } from 'playroom'\nimport type { ReactElement } from 'react'\nimport reactElementToJSXString from 'react-element-to-jsx-string'\nimport type {\n  Renderer,\n  PartialStoryFn as StoryFunction,\n  StoryContext,\n} from 'storybook/internal/types'\nimport { useGlobals } from 'storybook/preview-api'\n\nimport { PARAM_KEY } from './constants'\nimport { getGlobals, getOptions, setGlobals } from './utils'\n\nconst updateCodeUrl = (\n  [globals, updateGlobals]: ReturnType<typeof useGlobals>,\n  codeUrl: string | undefined,\n) =>\n  getGlobals(globals).codeUrl !== codeUrl &&\n  setGlobals(updateGlobals, { codeUrl })\n\nexport const withGlobals = (\n  StoryFn: StoryFunction<Renderer>,\n  context: StoryContext<Renderer>,\n) => {\n  const globals = useGlobals()\n  const { parameters, undecoratedStoryFn } = context\n  const {\n    url,\n    code,\n    disable,\n    includeDecorators,\n    reactElementToJSXStringOptions,\n  } = getOptions(parameters[PARAM_KEY])\n\n  const story = StoryFn() as ReactElement\n\n  if (disable) {\n    updateCodeUrl(globals, undefined)\n    return story\n  }\n\n  const storyCode = includeDecorators\n    ? story\n    : (undecoratedStoryFn(context) as ReactElement)\n  const jsxString =\n    code || reactElementToJSXString(storyCode, reactElementToJSXStringOptions)\n  const codeUrl = url && createUrl({ baseUrl: url, code: jsxString })\n\n  updateCodeUrl(globals, codeUrl)\n  return story\n}\n","import type { Renderer, ProjectAnnotations } from 'storybook/internal/types'\n\nimport { PARAM_KEY } from './constants'\nimport { withGlobals } from './withGlobals'\n\nconst preview: ProjectAnnotations<Renderer> = {\n  decorators: [withGlobals],\n  initialGlobals: {\n    [PARAM_KEY]: false,\n  },\n}\n\nexport default preview\n"]}

package/dist/preview.d.cts

@@ -1,5 +0,0 @@
-import { ProjectAnnotations, Renderer } from 'storybook/internal/types';
-
-declare const preview: ProjectAnnotations<Renderer>;
-
-export { preview as default };

package/dist/preview.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/constants.ts","../src/utils.tsx","../src/withGlobals.ts","../src/preview.ts"],"names":["PARAM_KEY","getOptions","url","code","disable","includeDecorators","reactElementToJSXStringOptions","getGlobals","globals","setGlobals","updateGlobals","updateCodeUrl","codeUrl","withGlobals","StoryFn","context","useGlobals","parameters","undecoratedStoryFn","story","storyCode","jsxString","reactElementToJSXString","createUrl","preview","preview_default"],"mappings":"2HAAO,IAEMA,CAAAA,CAAY,WCiBlB,IAAMC,EAAa,CAAC,CACzB,IAAAC,CAAAA,CAAM,uBAAA,CACN,KAAAC,CAAAA,CAAO,EAAA,CACP,QAAAC,CAAAA,CAAU,KAAA,CACV,iBAAA,CAAAC,CAAAA,CAAoB,KAAA,CACpB,8BAAA,CAAAC,EAAiC,CAAE,SAAA,CAAW,KAAM,CACtD,CAAA,CAAa,EAAC,IAA0B,CACtC,IAAAJ,CAAAA,CACA,IAAA,CAAAC,EACA,OAAA,CAAAC,CAAAA,CACA,kBAAAC,CAAAA,CACA,8BAAA,CAAAC,CACF,CAAA,CAAA,CAEaC,CAAAA,CAAcC,GACzBA,CAAAA,CAAQR,CAAS,EAENS,CAAAA,CAAa,CAACC,EAA8BF,CAAAA,GACvDE,CAAAA,CAAc,CAAE,CAACV,CAAS,EAAGQ,CAAQ,CAAC,ECxBxC,IAAMG,CAAAA,CAAgB,CACpB,CAACH,CAAAA,CAASE,CAAa,CAAA,CACvBE,CAAAA,GAEAL,CAAAA,CAAWC,CAAO,CAAA,CAAE,OAAA,GAAYI,GAChCH,CAAAA,CAAWC,CAAAA,CAAe,CAAE,OAAA,CAAAE,CAAQ,CAAC,CAAA,CAE1BC,CAAAA,CAAc,CACzBC,CAAAA,CACAC,CAAAA,GACG,CACH,IAAMP,CAAAA,CAAUQ,YAAW,CACrB,CAAE,WAAAC,CAAAA,CAAY,kBAAA,CAAAC,CAAmB,CAAA,CAAIH,CAAAA,CACrC,CACJ,GAAA,CAAAb,CAAAA,CACA,KAAAC,CAAAA,CACA,OAAA,CAAAC,EACA,iBAAA,CAAAC,CAAAA,CACA,+BAAAC,CACF,CAAA,CAAIL,EAAWgB,CAAAA,CAAWjB,CAAS,CAAC,CAAA,CAE9BmB,CAAAA,CAAQL,GAAQ,CAEtB,GAAIV,CAAAA,CACF,OAAAO,CAAAA,CAAcH,CAAAA,CAAS,MAAS,CAAA,CACzBW,CAAAA,CAGT,IAAMC,CAAAA,CAAYf,CAAAA,CACdc,EACCD,CAAAA,CAAmBH,CAAO,EACzBM,CAAAA,CACJlB,CAAAA,EAAQmB,EAAwBF,CAAAA,CAAWd,CAA8B,EACrEM,CAAAA,CAAUV,CAAAA,EAAOqB,UAAU,CAAE,OAAA,CAASrB,CAAAA,CAAK,IAAA,CAAMmB,CAAU,CAAC,EAElE,OAAAV,CAAAA,CAAcH,EAASI,CAAO,CAAA,CACvBO,CACT,CAAA,CC7CA,IAAMK,EAAwC,CAC5C,UAAA,CAAY,CAACX,CAAW,CAAA,CACxB,eAAgB,CACd,CAACb,CAAS,EAAG,KACf,CACF,CAAA,CAEOyB,CAAAA,CAAQD","file":"preview.js","sourcesContent":["export const ADDON_ID = 'storybook/playroom'\nexport const TAB_ID = `${ADDON_ID}/tab`\nexport const PARAM_KEY = `playroom`\n\nexport const EVENTS = {\n  UPDATE: `${ADDON_ID}/update`,\n}\n","import { type useGlobals } from 'storybook/preview-api'\nimport { type Options as ReactElementToJSXStringOptions } from 'react-element-to-jsx-string'\n\nimport { PARAM_KEY } from './constants'\n\ntype Options = {\n  url?: string\n  code?: string\n  disable?: boolean\n  includeDecorators?: boolean\n  reactElementToJSXStringOptions?: ReactElementToJSXStringOptions\n}\n\ntype Globals = {\n  codeUrl?: string\n}\n\ntype UseGlobals = ReturnType<typeof useGlobals>\n\nexport const getOptions = ({\n  url = 'http://localhost:9000',\n  code = '',\n  disable = false,\n  includeDecorators = false,\n  reactElementToJSXStringOptions = { sortProps: false },\n}: Options = {}): Required<Options> => ({\n  url,\n  code,\n  disable,\n  includeDecorators,\n  reactElementToJSXStringOptions,\n})\n\nexport const getGlobals = (globals: UseGlobals[0]): Globals =>\n  globals[PARAM_KEY]\n\nexport const setGlobals = (updateGlobals: UseGlobals[1], globals: Globals) =>\n  updateGlobals({ [PARAM_KEY]: globals })\n","import { createUrl } from 'playroom'\nimport type { ReactElement } from 'react'\nimport reactElementToJSXString from 'react-element-to-jsx-string'\nimport type {\n  Renderer,\n  PartialStoryFn as StoryFunction,\n  StoryContext,\n} from 'storybook/internal/types'\nimport { useGlobals } from 'storybook/preview-api'\n\nimport { PARAM_KEY } from './constants'\nimport { getGlobals, getOptions, setGlobals } from './utils'\n\nconst updateCodeUrl = (\n  [globals, updateGlobals]: ReturnType<typeof useGlobals>,\n  codeUrl: string | undefined,\n) =>\n  getGlobals(globals).codeUrl !== codeUrl &&\n  setGlobals(updateGlobals, { codeUrl })\n\nexport const withGlobals = (\n  StoryFn: StoryFunction<Renderer>,\n  context: StoryContext<Renderer>,\n) => {\n  const globals = useGlobals()\n  const { parameters, undecoratedStoryFn } = context\n  const {\n    url,\n    code,\n    disable,\n    includeDecorators,\n    reactElementToJSXStringOptions,\n  } = getOptions(parameters[PARAM_KEY])\n\n  const story = StoryFn() as ReactElement\n\n  if (disable) {\n    updateCodeUrl(globals, undefined)\n    return story\n  }\n\n  const storyCode = includeDecorators\n    ? story\n    : (undecoratedStoryFn(context) as ReactElement)\n  const jsxString =\n    code || reactElementToJSXString(storyCode, reactElementToJSXStringOptions)\n  const codeUrl = url && createUrl({ baseUrl: url, code: jsxString })\n\n  updateCodeUrl(globals, codeUrl)\n  return story\n}\n","import type { Renderer, ProjectAnnotations } from 'storybook/internal/types'\n\nimport { PARAM_KEY } from './constants'\nimport { withGlobals } from './withGlobals'\n\nconst preview: ProjectAnnotations<Renderer> = {\n  decorators: [withGlobals],\n  initialGlobals: {\n    [PARAM_KEY]: false,\n  },\n}\n\nexport default preview\n"]}