@storybook/addon-links 8.3.0-alpha.4 → 8.3.0-alpha.5

package/README.md

@@ -80,8 +80,8 @@ export const third = () => <LinkTo story="index">Go back</LinkTo>;
 If you want to get an URL for a particular story, you may use `hrefTo` function. It returns a promise, which resolves to string containing a relative URL:
 
 ```js
-import { hrefTo } from '@storybook/addon-links';
 import { action } from '@storybook/addon-actions';
+import { hrefTo } from '@storybook/addon-links';
 
 export default {
   title: 'Href',

package/dist/index.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var global = require('@storybook/global');
-var previewApi = require('storybook/internal/preview-api');
 var coreEvents = require('storybook/internal/core-events');
+var previewApi = require('storybook/internal/preview-api');
 var csf = require('@storybook/csf');
+var global = require('@storybook/global');
 
 var PARAM_KEY="links";var{document,HTMLElement}=global.global;function parseQuery(queryString){let query={},pairs=(queryString[0]==="?"?queryString.substring(1):queryString).split("&").filter(Boolean);for(let i=0;i<pairs.length;i++){let pair=pairs[i].split("=");query[decodeURIComponent(pair[0])]=decodeURIComponent(pair[1]||"");}return query}var navigate=params=>previewApi.addons.getChannel().emit(coreEvents.SELECT_STORY,params),hrefTo=(title,name)=>new Promise(resolve=>{let{location}=document,existingId=parseQuery(location.search).id,titleToLink=title||existingId.split("--",2)[0],path=`/story/${csf.toId(titleToLink,name)}`,sbPath=location.pathname.replace(/iframe\.html$/,""),url=`${location.origin+sbPath}?${Object.entries({path}).map(item=>`${item[0]}=${item[1]}`).join("&")}`;resolve(url);}),valueOrCall=args=>value=>typeof value=="function"?value(...args):value,linkTo=(idOrTitle,nameInput)=>(...args)=>{let resolver=valueOrCall(args),title=resolver(idOrTitle),name=nameInput?resolver(nameInput):!1;title?.match(/--/)&&!name?navigate({storyId:title}):name&&title?navigate({kind:title,story:name}):title?navigate({kind:title}):name&&navigate({story:name});},linksListener=e=>{let{target}=e;if(!(target instanceof HTMLElement))return;let element=target,{sbKind:kind,sbStory:story}=element.dataset;(kind||story)&&(e.preventDefault(),navigate({kind,story}));},hasListener=!1,on=()=>{hasListener||(hasListener=!0,document.addEventListener("click",linksListener));},off=()=>{hasListener&&(hasListener=!1,document.removeEventListener("click",linksListener));},withLinks=previewApi.makeDecorator({name:"withLinks",parameterName:PARAM_KEY,wrapper:(getStory,context)=>(on(),previewApi.addons.getChannel().once(coreEvents.STORY_CHANGED,off),getStory(context))});
 

package/dist/index.mjs

@@ -1 +1 @@
-export { hrefTo, linkTo, navigate, withLinks } from './chunk-NQQ3TO7D.mjs';
+export { hrefTo, linkTo, navigate, withLinks } from './chunk-FJGFNJ3B.mjs';

package/dist/preview.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var global = require('@storybook/global');
-var previewApi = require('storybook/internal/preview-api');
 var coreEvents = require('storybook/internal/core-events');
+var previewApi = require('storybook/internal/preview-api');
 require('@storybook/csf');
+var global = require('@storybook/global');
 
 var PARAM_KEY="links";var{document,HTMLElement}=global.global;var navigate=params=>previewApi.addons.getChannel().emit(coreEvents.SELECT_STORY,params);var linksListener=e=>{let{target}=e;if(!(target instanceof HTMLElement))return;let element=target,{sbKind:kind,sbStory:story}=element.dataset;(kind||story)&&(e.preventDefault(),navigate({kind,story}));},hasListener=!1,on=()=>{hasListener||(hasListener=!0,document.addEventListener("click",linksListener));},off=()=>{hasListener&&(hasListener=!1,document.removeEventListener("click",linksListener));},withLinks=previewApi.makeDecorator({name:"withLinks",parameterName:PARAM_KEY,wrapper:(getStory,context)=>(on(),previewApi.addons.getChannel().once(coreEvents.STORY_CHANGED,off),getStory(context))});var decorators=[withLinks];
 

package/dist/preview.mjs

@@ -1,7 +1,7 @@
-import { global } from '@storybook/global';
-import { makeDecorator, addons } from 'storybook/internal/preview-api';
 import { STORY_CHANGED, SELECT_STORY } from 'storybook/internal/core-events';
+import { makeDecorator, addons } from 'storybook/internal/preview-api';
 import '@storybook/csf';
+import { global } from '@storybook/global';
 
 var PARAM_KEY="links";var{document,HTMLElement}=global;var navigate=params=>addons.getChannel().emit(SELECT_STORY,params);var linksListener=e=>{let{target}=e;if(!(target instanceof HTMLElement))return;let element=target,{sbKind:kind,sbStory:story}=element.dataset;(kind||story)&&(e.preventDefault(),navigate({kind,story}));},hasListener=!1,on=()=>{hasListener||(hasListener=!0,document.addEventListener("click",linksListener));},off=()=>{hasListener&&(hasListener=!1,document.removeEventListener("click",linksListener));},withLinks=makeDecorator({name:"withLinks",parameterName:PARAM_KEY,wrapper:(getStory,context)=>(on(),addons.getChannel().once(STORY_CHANGED,off),getStory(context))});var decorators=[withLinks];
 

package/dist/react/index.d.ts

@@ -1,5 +1,5 @@
-import { StoryKind, ComponentTitle, StoryName } from 'storybook/internal/types';
 import React, { PureComponent, ReactNode } from 'react';
+import { StoryKind, ComponentTitle, StoryName } from 'storybook/internal/types';
 
 interface Props {
     kind?: StoryKind;

package/dist/react/index.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var global = require('@storybook/global');
-var previewApi = require('storybook/internal/preview-api');
 var coreEvents = require('storybook/internal/core-events');
+var previewApi = require('storybook/internal/preview-api');
 var csf = require('@storybook/csf');
+var global = require('@storybook/global');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/react/index.mjs

@@ -1,4 +1,4 @@
-import { hrefTo, navigate } from '../chunk-NQQ3TO7D.mjs';
+import { hrefTo, navigate } from '../chunk-FJGFNJ3B.mjs';
 import React, { PureComponent } from 'react';
 
 var LEFT_BUTTON=0,isPlainLeftClick=e=>e.button===LEFT_BUTTON&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,cancelled=(e,cb=_e=>{})=>{isPlainLeftClick(e)&&(e.preventDefault(),cb(e));},LinkTo=class extends PureComponent{constructor(){super(...arguments);this.state={href:"/"};this.updateHref=async()=>{let{kind,title=kind,story,name=story}=this.props;if(title&&name){let href=await hrefTo(title,name);this.setState({href});}};this.handleClick=()=>{let{kind,title=kind,story,name=story}=this.props;title&&name&&navigate({title,name});};}componentDidMount(){this.updateHref();}componentDidUpdate(prevProps){let{kind,title,story,name}=this.props;(prevProps.kind!==kind||prevProps.story!==story||prevProps.title!==title||prevProps.name!==name)&&this.updateHref();}render(){let{kind,title=kind,story,name=story,children,...rest}=this.props,{href}=this.state;return React.createElement("a",{href,onClick:e=>cancelled(e,this.handleClick),...rest},children)}};LinkTo.defaultProps={children:void 0};var react_default=LinkTo;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "8.3.0-alpha.4",
+  "version": "8.3.0-alpha.5",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "addon",
@@ -24,9 +24,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./react": {
       "types": "./dist/react/index.d.ts",
@@ -63,8 +63,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "@storybook/csf": "^0.1.11",
@@ -77,7 +77,7 @@
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-    "storybook": "^8.3.0-alpha.4"
+    "storybook": "^8.3.0-alpha.5"
   },
   "peerDependenciesMeta": {
     "react": {

package/dist/{chunk-NQQ3TO7D.mjs → chunk-FJGFNJ3B.mjs}

@@ -1,7 +1,7 @@
-import { global } from '@storybook/global';
-import { makeDecorator, addons } from 'storybook/internal/preview-api';
 import { STORY_CHANGED, SELECT_STORY } from 'storybook/internal/core-events';
+import { makeDecorator, addons } from 'storybook/internal/preview-api';
 import { toId } from '@storybook/csf';
+import { global } from '@storybook/global';
 
 var PARAM_KEY="links";var{document,HTMLElement}=global;function parseQuery(queryString){let query={},pairs=(queryString[0]==="?"?queryString.substring(1):queryString).split("&").filter(Boolean);for(let i=0;i<pairs.length;i++){let pair=pairs[i].split("=");query[decodeURIComponent(pair[0])]=decodeURIComponent(pair[1]||"");}return query}var navigate=params=>addons.getChannel().emit(SELECT_STORY,params),hrefTo=(title,name)=>new Promise(resolve=>{let{location}=document,existingId=parseQuery(location.search).id,titleToLink=title||existingId.split("--",2)[0],path=`/story/${toId(titleToLink,name)}`,sbPath=location.pathname.replace(/iframe\.html$/,""),url=`${location.origin+sbPath}?${Object.entries({path}).map(item=>`${item[0]}=${item[1]}`).join("&")}`;resolve(url);}),valueOrCall=args=>value=>typeof value=="function"?value(...args):value,linkTo=(idOrTitle,nameInput)=>(...args)=>{let resolver=valueOrCall(args),title=resolver(idOrTitle),name=nameInput?resolver(nameInput):!1;title?.match(/--/)&&!name?navigate({storyId:title}):name&&title?navigate({kind:title,story:name}):title?navigate({kind:title}):name&&navigate({story:name});},linksListener=e=>{let{target}=e;if(!(target instanceof HTMLElement))return;let element=target,{sbKind:kind,sbStory:story}=element.dataset;(kind||story)&&(e.preventDefault(),navigate({kind,story}));},hasListener=!1,on=()=>{hasListener||(hasListener=!0,document.addEventListener("click",linksListener));},off=()=>{hasListener&&(hasListener=!1,document.removeEventListener("click",linksListener));},withLinks=makeDecorator({name:"withLinks",parameterName:PARAM_KEY,wrapper:(getStory,context)=>(on(),addons.getChannel().once(STORY_CHANGED,off),getStory(context))});