feat: query-paramiters persisting when opening a story on a full-view…

…-mode

.storybook/preview.jsx

@@ -1,13 +1,15 @@
 import '../src/tailwind.css'
 import './sb-theming.css'
 import { ToC } from '@docs/helpers/ToC'
+import queryString from 'query-string'
 
 import { DocsContainer } from '@storybook/blocks'
 import { withThemeByDataAttribute } from '@storybook/addon-styling'
 import { Icon } from '@spark-ui/icon'
 import { ShareExpand } from '@spark-ui/icons/dist/icons/ShareExpand'
 
 const ExampleContainer = ({ children, ...props }) => {
+  console.log(props)
   return (
     <DocsContainer {...props}>
       <div id="spark-doc-container">{children}</div>
@@ -51,12 +53,13 @@ export const decorators = [
     attributeName: 'data-theme',
   }),
   (storyFn, { id, viewMode }) => {
+    const {globals} = queryString.parse(window.top?.location.search)
     return (
       <div className="relative w-full">
         {viewMode === 'docs' && (
           <div className="absolute -right-lg -top-xl">
             <a
-              href={`/iframe.html?&id=${id}`}
+              href={`/iframe.html?${queryString.stringify({id, globals})}`}
               target="_blank"
               className="text-basic hover:text-basic-hovered focus:text-basic-focused enabled:active:text-basic-pressed"
             >

package.json

@@ -109,6 +109,7 @@
     "postcss": "8.4.31",
     "prettier": "3.2.4",
     "prettier-plugin-tailwindcss": "0.5.11",
+    "query-string": "^8.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-live": "3.2.0",