@stevendejong/storybook-stylesheet-toggle 0.0.9 → 0.0.10--canary.9.d78700e.0

package/dist/preview.js

@@ -2,7 +2,7 @@
 
 var previewApi = require('@storybook/preview-api');
 
-var t="stylesheetToggle";var c={default:""};var i=(o,r)=>{let [s]=previewApi.useGlobals(),n=s[t],{theme:e}=r.globals,l=r.parameters[t];({...c,...l});let y=localStorage.getItem(t,"default"),m=l[y];return previewApi.useEffect(()=>{f(m);},[n,e]),o()};function f(o){let r=document.querySelector("#stylesheetToggle"),s=document.querySelector("#storybook-root"),n=document.querySelector("body"),e=document.createElement("link");o&&(e.setAttribute("id","stylesheetToggle"),e.setAttribute("rel","stylesheet"),e.setAttribute("href",o),r?.remove(),n.insertBefore(e,s));}var g={decorators:[i],globals:{[t]:!1}},k=g;
+var t="stylesheetToggle";var c={default:""};var y=(r,o)=>{let [s]=previewApi.useGlobals(),n=s[t],{theme:e}=o.globals,l=o.parameters[t];({...c,...l});let i=localStorage.getItem(t,"default"),m=l[i];return previewApi.useEffect(()=>{f(m);},[n,e]),r()};function f(r){let o=document.querySelector("#stylesheetToggle"),s=document.querySelector("#storybook-root"),n=document.querySelector("body"),e=document.createElement("link");e.setAttribute("id","stylesheetToggle"),e.setAttribute("rel","stylesheet"),e.setAttribute("href",r),o?.remove(),n.insertBefore(e,s);}var g={decorators:[y],globals:{[t]:!1}},k=g;
 
 module.exports = k;
 //# sourceMappingURL=out.js.map

package/dist/preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/constants.ts","../src/withGlobals.ts","../src/defaults.ts","../src/preview.ts"],"names":["ADDON_ID","TOOL_ID","PARAM_KEY","useEffect","useGlobals","defaultStylesheets","withGlobals","StoryFn","context","globals","stylesheetToggle","theme","stylesheets","mapping","active","stylesheet","injectStylesheet","previousStylesheet","beforeElement","bodyElement","stylesheetElement","preview","preview_default"],"mappings":"AAAO,IAAMA,EAAW,mBACXC,EAAU,GAAGD,SACbE,EAAY,mBCGzB,OAAS,aAAAC,EAAW,cAAAC,MAAkB,yBCL/B,IAAMC,EAA8C,CACzD,QAAW,EACb,EDQO,IAAMC,EAAc,CACzBC,EACAC,IACG,CACH,GAAM,CAACC,CAAO,EAAIL,EAAW,EACvBM,EAAmBD,EAAQP,CAAS,EAEpC,CAAE,MAAAS,CAAM,EAAIH,EAAQ,QACpBI,EAAcJ,EAAQ,WAAWN,CAAS,EAC1CW,EAAU,CACd,GAAGR,EACH,GAAGO,CACL,EACME,EAAS,aAAa,QAAQZ,EAAW,SAAS,EAClDa,EAAaH,EAAYE,CAAM,EAErC,OAAAX,EAAU,IAAM,CACda,EAAiBD,CAAU,CAC7B,EAAG,CAACL,EAAkBC,CAAK,CAAC,EAErBJ,EAAQ,CACjB,EAEA,SAASS,EAAiBD,EAAoB,CAC5C,IAAME,EAAqB,SAAS,cAAc,mBAAmB,EAC/DC,EAAgB,SAAS,cAAc,iBAAiB,EACxDC,EAAc,SAAS,cAAc,MAAM,EAC3CC,EAAoB,SAAS,cAAc,MAAM,EAElDL,IAILK,EAAkB,aAAa,KAAM,kBAAkB,EACvDA,EAAkB,aAAa,MAAO,YAAY,EAClDA,EAAkB,aAAa,OAAQL,CAAU,EAEjDE,GAAoB,OAAO,EAC3BE,EAAY,aAAaC,EAAmBF,CAAa,EAC3D,CE5CA,IAAMG,EAAwC,CAC5C,WAAY,CAACf,CAAW,EACxB,QAAS,CACP,CAACJ,CAAS,EAAG,EACf,CACF,EAEOoB,EAAQD","sourcesContent":["export const ADDON_ID = \"stylesheetToggle\";\nexport const TOOL_ID = `${ADDON_ID}/tool`;\nexport const PARAM_KEY = `stylesheetToggle`;\n\n","import type {\n  Renderer,\n  PartialStoryFn as StoryFunction,\n  StoryContext,\n} from \"@storybook/types\";\nimport { useEffect, useGlobals } from \"@storybook/preview-api\";\nimport { PARAM_KEY } from \"./constants\";\nimport { defaultStylesheets } from './defaults'\n\n\nexport const withGlobals = (\n  StoryFn: StoryFunction<Renderer>,\n  context: StoryContext<Renderer>\n) => {\n  const [globals] = useGlobals();\n  const stylesheetToggle = globals[PARAM_KEY];\n  \n  const { theme } = context.globals;\n  const stylesheets = context.parameters[PARAM_KEY];\n  const mapping = {\n    ...defaultStylesheets,\n    ...stylesheets,\n  };\n  const active = localStorage.getItem(PARAM_KEY, 'default');\n  const stylesheet = stylesheets[active]\n\n  useEffect(() => {\n    injectStylesheet(stylesheet);\n  }, [stylesheetToggle, theme]);\n\n  return StoryFn();\n};\n\nfunction injectStylesheet(stylesheet: string) {\n  const previousStylesheet = document.querySelector('#stylesheetToggle');\n  const beforeElement = document.querySelector('#storybook-root');\n  const bodyElement = document.querySelector('body');\n  const stylesheetElement = document.createElement('link');\n\n  if (!stylesheet) {\n    return\n  }\n\n  stylesheetElement.setAttribute('id', 'stylesheetToggle');\n  stylesheetElement.setAttribute('rel', 'stylesheet');\n  stylesheetElement.setAttribute('href', stylesheet);\n\n  previousStylesheet?.remove();\n  bodyElement.insertBefore(stylesheetElement, beforeElement);\n}\n","export const defaultStylesheets: {[key: string]: string} = {\n  \"default\": ''\n}\n","import type { Renderer, ProjectAnnotations } from \"@storybook/types\";\nimport { PARAM_KEY } from \"./constants\";\nimport { withGlobals } from \"./withGlobals\";\n\n\nconst preview: ProjectAnnotations<Renderer> = {\n  decorators: [withGlobals],\n  globals: {\n    [PARAM_KEY]: false,\n  },\n};\n\nexport default preview;\n"]}
+{"version":3,"sources":["../src/constants.ts","../src/withGlobals.ts","../src/defaults.ts","../src/preview.ts"],"names":["ADDON_ID","TOOL_ID","PARAM_KEY","useEffect","useGlobals","defaultStylesheets","withGlobals","StoryFn","context","globals","stylesheetToggle","theme","stylesheets","mapping","active","stylesheet","injectStylesheet","previousStylesheet","beforeElement","bodyElement","stylesheetElement","preview","preview_default"],"mappings":"AAAO,IAAMA,EAAW,mBACXC,EAAU,GAAGD,SACbE,EAAY,mBCGzB,OAAS,aAAAC,EAAW,cAAAC,MAAkB,yBCL/B,IAAMC,EAA8C,CACzD,QAAW,EACb,EDQO,IAAMC,EAAc,CACzBC,EACAC,IACG,CACH,GAAM,CAACC,CAAO,EAAIL,EAAW,EACvBM,EAAmBD,EAAQP,CAAS,EAEpC,CAAE,MAAAS,CAAM,EAAIH,EAAQ,QACpBI,EAAcJ,EAAQ,WAAWN,CAAS,EAC1CW,EAAU,CACd,GAAGR,EACH,GAAGO,CACL,EACME,EAAS,aAAa,QAAQZ,EAAW,SAAS,EAClDa,EAAaH,EAAYE,CAAM,EAErC,OAAAX,EAAU,IAAM,CACda,EAAiBD,CAAU,CAC7B,EAAG,CAACL,EAAkBC,CAAK,CAAC,EAErBJ,EAAQ,CACjB,EAEA,SAASS,EAAiBD,EAAoB,CAC5C,IAAME,EAAqB,SAAS,cAAc,mBAAmB,EAC/DC,EAAgB,SAAS,cAAc,iBAAiB,EACxDC,EAAc,SAAS,cAAc,MAAM,EAC3CC,EAAoB,SAAS,cAAc,MAAM,EAEvDA,EAAkB,aAAa,KAAM,kBAAkB,EACvDA,EAAkB,aAAa,MAAO,YAAY,EAClDA,EAAkB,aAAa,OAAQL,CAAU,EAEjDE,GAAoB,OAAO,EAC3BE,EAAY,aAAaC,EAAmBF,CAAa,CAC3D,CExCA,IAAMG,EAAwC,CAC5C,WAAY,CAACf,CAAW,EACxB,QAAS,CACP,CAACJ,CAAS,EAAG,EACf,CACF,EAEOoB,EAAQD","sourcesContent":["export const ADDON_ID = \"stylesheetToggle\";\nexport const TOOL_ID = `${ADDON_ID}/tool`;\nexport const PARAM_KEY = `stylesheetToggle`;\n\n","import type {\n  Renderer,\n  PartialStoryFn as StoryFunction,\n  StoryContext,\n} from \"@storybook/types\";\nimport { useEffect, useGlobals } from \"@storybook/preview-api\";\nimport { PARAM_KEY } from \"./constants\";\nimport { defaultStylesheets } from './defaults'\n\n\nexport const withGlobals = (\n  StoryFn: StoryFunction<Renderer>,\n  context: StoryContext<Renderer>\n) => {\n  const [globals] = useGlobals();\n  const stylesheetToggle = globals[PARAM_KEY];\n  \n  const { theme } = context.globals;\n  const stylesheets = context.parameters[PARAM_KEY];\n  const mapping = {\n    ...defaultStylesheets,\n    ...stylesheets,\n  };\n  const active = localStorage.getItem(PARAM_KEY, 'default');\n  const stylesheet = stylesheets[active]\n\n  useEffect(() => {\n    injectStylesheet(stylesheet);\n  }, [stylesheetToggle, theme]);\n\n  return StoryFn();\n};\n\nfunction injectStylesheet(stylesheet: string) {\n  const previousStylesheet = document.querySelector('#stylesheetToggle');\n  const beforeElement = document.querySelector('#storybook-root');\n  const bodyElement = document.querySelector('body');\n  const stylesheetElement = document.createElement('link');\n\n  stylesheetElement.setAttribute('id', 'stylesheetToggle');\n  stylesheetElement.setAttribute('rel', 'stylesheet');\n  stylesheetElement.setAttribute('href', stylesheet);\n\n  previousStylesheet?.remove();\n  bodyElement.insertBefore(stylesheetElement, beforeElement);\n}\n","export const defaultStylesheets: {[key: string]: string} = {\n  \"default\": ''\n}\n","import type { Renderer, ProjectAnnotations } from \"@storybook/types\";\nimport { PARAM_KEY } from \"./constants\";\nimport { withGlobals } from \"./withGlobals\";\n\n\nconst preview: ProjectAnnotations<Renderer> = {\n  decorators: [withGlobals],\n  globals: {\n    [PARAM_KEY]: false,\n  },\n};\n\nexport default preview;\n"]}

package/dist/preview.mjs

@@ -1,6 +1,6 @@
 import { useGlobals, useEffect } from '@storybook/preview-api';
 
-var t="stylesheetToggle";var c={default:""};var i=(o,r)=>{let [s]=useGlobals(),n=s[t],{theme:e}=r.globals,l=r.parameters[t];({...c,...l});let y=localStorage.getItem(t,"default"),m=l[y];return useEffect(()=>{f(m);},[n,e]),o()};function f(o){let r=document.querySelector("#stylesheetToggle"),s=document.querySelector("#storybook-root"),n=document.querySelector("body"),e=document.createElement("link");o&&(e.setAttribute("id","stylesheetToggle"),e.setAttribute("rel","stylesheet"),e.setAttribute("href",o),r?.remove(),n.insertBefore(e,s));}var g={decorators:[i],globals:{[t]:!1}},k=g;
+var t="stylesheetToggle";var c={default:""};var y=(r,o)=>{let [s]=useGlobals(),n=s[t],{theme:e}=o.globals,l=o.parameters[t];({...c,...l});let i=localStorage.getItem(t,"default"),m=l[i];return useEffect(()=>{f(m);},[n,e]),r()};function f(r){let o=document.querySelector("#stylesheetToggle"),s=document.querySelector("#storybook-root"),n=document.querySelector("body"),e=document.createElement("link");e.setAttribute("id","stylesheetToggle"),e.setAttribute("rel","stylesheet"),e.setAttribute("href",r),o?.remove(),n.insertBefore(e,s);}var g={decorators:[y],globals:{[t]:!1}},k=g;
 
 export { k as default };
 //# sourceMappingURL=out.js.map

package/dist/preview.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/constants.ts","../src/withGlobals.ts","../src/defaults.ts","../src/preview.ts"],"names":["ADDON_ID","TOOL_ID","PARAM_KEY","useEffect","useGlobals","defaultStylesheets","withGlobals","StoryFn","context","globals","stylesheetToggle","theme","stylesheets","mapping","active","stylesheet","injectStylesheet","previousStylesheet","beforeElement","bodyElement","stylesheetElement","preview","preview_default"],"mappings":"AAAO,IAAMA,EAAW,mBACXC,EAAU,GAAGD,SACbE,EAAY,mBCGzB,OAAS,aAAAC,EAAW,cAAAC,MAAkB,yBCL/B,IAAMC,EAA8C,CACzD,QAAW,EACb,EDQO,IAAMC,EAAc,CACzBC,EACAC,IACG,CACH,GAAM,CAACC,CAAO,EAAIL,EAAW,EACvBM,EAAmBD,EAAQP,CAAS,EAEpC,CAAE,MAAAS,CAAM,EAAIH,EAAQ,QACpBI,EAAcJ,EAAQ,WAAWN,CAAS,EAC1CW,EAAU,CACd,GAAGR,EACH,GAAGO,CACL,EACME,EAAS,aAAa,QAAQZ,EAAW,SAAS,EAClDa,EAAaH,EAAYE,CAAM,EAErC,OAAAX,EAAU,IAAM,CACda,EAAiBD,CAAU,CAC7B,EAAG,CAACL,EAAkBC,CAAK,CAAC,EAErBJ,EAAQ,CACjB,EAEA,SAASS,EAAiBD,EAAoB,CAC5C,IAAME,EAAqB,SAAS,cAAc,mBAAmB,EAC/DC,EAAgB,SAAS,cAAc,iBAAiB,EACxDC,EAAc,SAAS,cAAc,MAAM,EAC3CC,EAAoB,SAAS,cAAc,MAAM,EAElDL,IAILK,EAAkB,aAAa,KAAM,kBAAkB,EACvDA,EAAkB,aAAa,MAAO,YAAY,EAClDA,EAAkB,aAAa,OAAQL,CAAU,EAEjDE,GAAoB,OAAO,EAC3BE,EAAY,aAAaC,EAAmBF,CAAa,EAC3D,CE5CA,IAAMG,EAAwC,CAC5C,WAAY,CAACf,CAAW,EACxB,QAAS,CACP,CAACJ,CAAS,EAAG,EACf,CACF,EAEOoB,EAAQD","sourcesContent":["export const ADDON_ID = \"stylesheetToggle\";\nexport const TOOL_ID = `${ADDON_ID}/tool`;\nexport const PARAM_KEY = `stylesheetToggle`;\n\n","import type {\n  Renderer,\n  PartialStoryFn as StoryFunction,\n  StoryContext,\n} from \"@storybook/types\";\nimport { useEffect, useGlobals } from \"@storybook/preview-api\";\nimport { PARAM_KEY } from \"./constants\";\nimport { defaultStylesheets } from './defaults'\n\n\nexport const withGlobals = (\n  StoryFn: StoryFunction<Renderer>,\n  context: StoryContext<Renderer>\n) => {\n  const [globals] = useGlobals();\n  const stylesheetToggle = globals[PARAM_KEY];\n  \n  const { theme } = context.globals;\n  const stylesheets = context.parameters[PARAM_KEY];\n  const mapping = {\n    ...defaultStylesheets,\n    ...stylesheets,\n  };\n  const active = localStorage.getItem(PARAM_KEY, 'default');\n  const stylesheet = stylesheets[active]\n\n  useEffect(() => {\n    injectStylesheet(stylesheet);\n  }, [stylesheetToggle, theme]);\n\n  return StoryFn();\n};\n\nfunction injectStylesheet(stylesheet: string) {\n  const previousStylesheet = document.querySelector('#stylesheetToggle');\n  const beforeElement = document.querySelector('#storybook-root');\n  const bodyElement = document.querySelector('body');\n  const stylesheetElement = document.createElement('link');\n\n  if (!stylesheet) {\n    return\n  }\n\n  stylesheetElement.setAttribute('id', 'stylesheetToggle');\n  stylesheetElement.setAttribute('rel', 'stylesheet');\n  stylesheetElement.setAttribute('href', stylesheet);\n\n  previousStylesheet?.remove();\n  bodyElement.insertBefore(stylesheetElement, beforeElement);\n}\n","export const defaultStylesheets: {[key: string]: string} = {\n  \"default\": ''\n}\n","import type { Renderer, ProjectAnnotations } from \"@storybook/types\";\nimport { PARAM_KEY } from \"./constants\";\nimport { withGlobals } from \"./withGlobals\";\n\n\nconst preview: ProjectAnnotations<Renderer> = {\n  decorators: [withGlobals],\n  globals: {\n    [PARAM_KEY]: false,\n  },\n};\n\nexport default preview;\n"]}
+{"version":3,"sources":["../src/constants.ts","../src/withGlobals.ts","../src/defaults.ts","../src/preview.ts"],"names":["ADDON_ID","TOOL_ID","PARAM_KEY","useEffect","useGlobals","defaultStylesheets","withGlobals","StoryFn","context","globals","stylesheetToggle","theme","stylesheets","mapping","active","stylesheet","injectStylesheet","previousStylesheet","beforeElement","bodyElement","stylesheetElement","preview","preview_default"],"mappings":"AAAO,IAAMA,EAAW,mBACXC,EAAU,GAAGD,SACbE,EAAY,mBCGzB,OAAS,aAAAC,EAAW,cAAAC,MAAkB,yBCL/B,IAAMC,EAA8C,CACzD,QAAW,EACb,EDQO,IAAMC,EAAc,CACzBC,EACAC,IACG,CACH,GAAM,CAACC,CAAO,EAAIL,EAAW,EACvBM,EAAmBD,EAAQP,CAAS,EAEpC,CAAE,MAAAS,CAAM,EAAIH,EAAQ,QACpBI,EAAcJ,EAAQ,WAAWN,CAAS,EAC1CW,EAAU,CACd,GAAGR,EACH,GAAGO,CACL,EACME,EAAS,aAAa,QAAQZ,EAAW,SAAS,EAClDa,EAAaH,EAAYE,CAAM,EAErC,OAAAX,EAAU,IAAM,CACda,EAAiBD,CAAU,CAC7B,EAAG,CAACL,EAAkBC,CAAK,CAAC,EAErBJ,EAAQ,CACjB,EAEA,SAASS,EAAiBD,EAAoB,CAC5C,IAAME,EAAqB,SAAS,cAAc,mBAAmB,EAC/DC,EAAgB,SAAS,cAAc,iBAAiB,EACxDC,EAAc,SAAS,cAAc,MAAM,EAC3CC,EAAoB,SAAS,cAAc,MAAM,EAEvDA,EAAkB,aAAa,KAAM,kBAAkB,EACvDA,EAAkB,aAAa,MAAO,YAAY,EAClDA,EAAkB,aAAa,OAAQL,CAAU,EAEjDE,GAAoB,OAAO,EAC3BE,EAAY,aAAaC,EAAmBF,CAAa,CAC3D,CExCA,IAAMG,EAAwC,CAC5C,WAAY,CAACf,CAAW,EACxB,QAAS,CACP,CAACJ,CAAS,EAAG,EACf,CACF,EAEOoB,EAAQD","sourcesContent":["export const ADDON_ID = \"stylesheetToggle\";\nexport const TOOL_ID = `${ADDON_ID}/tool`;\nexport const PARAM_KEY = `stylesheetToggle`;\n\n","import type {\n  Renderer,\n  PartialStoryFn as StoryFunction,\n  StoryContext,\n} from \"@storybook/types\";\nimport { useEffect, useGlobals } from \"@storybook/preview-api\";\nimport { PARAM_KEY } from \"./constants\";\nimport { defaultStylesheets } from './defaults'\n\n\nexport const withGlobals = (\n  StoryFn: StoryFunction<Renderer>,\n  context: StoryContext<Renderer>\n) => {\n  const [globals] = useGlobals();\n  const stylesheetToggle = globals[PARAM_KEY];\n  \n  const { theme } = context.globals;\n  const stylesheets = context.parameters[PARAM_KEY];\n  const mapping = {\n    ...defaultStylesheets,\n    ...stylesheets,\n  };\n  const active = localStorage.getItem(PARAM_KEY, 'default');\n  const stylesheet = stylesheets[active]\n\n  useEffect(() => {\n    injectStylesheet(stylesheet);\n  }, [stylesheetToggle, theme]);\n\n  return StoryFn();\n};\n\nfunction injectStylesheet(stylesheet: string) {\n  const previousStylesheet = document.querySelector('#stylesheetToggle');\n  const beforeElement = document.querySelector('#storybook-root');\n  const bodyElement = document.querySelector('body');\n  const stylesheetElement = document.createElement('link');\n\n  stylesheetElement.setAttribute('id', 'stylesheetToggle');\n  stylesheetElement.setAttribute('rel', 'stylesheet');\n  stylesheetElement.setAttribute('href', stylesheet);\n\n  previousStylesheet?.remove();\n  bodyElement.insertBefore(stylesheetElement, beforeElement);\n}\n","export const defaultStylesheets: {[key: string]: string} = {\n  \"default\": ''\n}\n","import type { Renderer, ProjectAnnotations } from \"@storybook/types\";\nimport { PARAM_KEY } from \"./constants\";\nimport { withGlobals } from \"./withGlobals\";\n\n\nconst preview: ProjectAnnotations<Renderer> = {\n  decorators: [withGlobals],\n  globals: {\n    [PARAM_KEY]: false,\n  },\n};\n\nexport default preview;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stevendejong/storybook-stylesheet-toggle",
-  "version": "0.0.9",
+  "version": "0.0.10--canary.9.d78700e.0",
   "description": "The Storybook Stylesheet Toggle addon is a simple and convenient tool for changing stylesheets on the fly.",
   "keywords": [
     "storybook-addons"
@@ -45,6 +45,7 @@
     "build:watch": "yarn build --watch",
     "test": "echo \"Error: no test specified\" && exit 1",
     "start": "run-p build:watch 'storybook --quiet'",
+    "prerelease": "zx scripts/prepublish-checks.mjs",
     "release": "yarn build && auto shipit",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"