@storybook/channels - npm Package Compare versions

Comparing version 0.0.0-pr-26923-sha-300a6ba8 to 0.0.0-pr-27008-sha-307d4fb3

dist/index.d.ts

@@ -1,6 +0,88 @@
-import { C as Channel, a as Config, b as ChannelTransport } from './main-c55d8855.js';
-export { c as ChannelEvent, d as ChannelHandler, L as Listener } from './main-c55d8855.js';
-export { PostMessageTransport, default as createPostMessageChannel } from './postmessage/index.js';
-export { WebsocketTransport, default as createWebSocketChannel } from './websocket/index.js';
+interface Config {
+    page: 'manager' | 'preview';
+}
+type ChannelHandler = (event: ChannelEvent) => void;
+interface ChannelTransport {
+    send(event: ChannelEvent, options?: any): void;
+    setHandler(handler: ChannelHandler): void;
+}
+interface ChannelEvent {
+    type: string;
+    from: string;
+    args: any[];
+}
+interface Listener {
+    (...args: any[]): void;
+}
+interface ChannelArgsSingle {
+    transport?: ChannelTransport;
+    async?: boolean;
+}
+interface ChannelArgsMulti {
+    transports: ChannelTransport[];
+    async?: boolean;
+}
 
+declare class Channel {
+    readonly isAsync: boolean;
+    private sender;
+    private events;
+    private data;
+    private readonly transports;
+    constructor(input: ChannelArgsMulti);
+    constructor(input: ChannelArgsSingle);
+    get hasTransport(): boolean;
+    addListener(eventName: string, listener: Listener): void;
+    emit(eventName: string, ...args: any): void;
+    last(eventName: string): any;
+    eventNames(): string[];
+    listenerCount(eventName: string): number;
+    listeners(eventName: string): Listener[] | undefined;
+    once(eventName: string, listener: Listener): void;
+    removeAllListeners(eventName?: string): void;
+    removeListener(eventName: string, listener: Listener): void;
+    on(eventName: string, listener: Listener): void;
+    off(eventName: string, listener: Listener): void;
+    private handleEvent;
+    private onceListener;
+}
+
+declare class PostMessageTransport implements ChannelTransport {
+    private readonly config;
+    private buffer;
+    private handler?;
+    private connected;
+    constructor(config: Config);
+    setHandler(handler: ChannelHandler): void;
+    /**
+     * Sends `event` to the associated window. If the window does not yet exist
+     * the event will be stored in a buffer and sent when the window exists.
+     * @param event
+     */
+    send(event: ChannelEvent, options?: any): Promise<any>;
+    private flush;
+    private getFrames;
+    private getCurrentFrames;
+    private getLocalFrame;
+    private handleEvent;
+}
+
+type OnError = (message: Event) => void;
+interface WebsocketTransportArgs extends Partial<Config> {
+    url: string;
+    onError: OnError;
+}
+declare class WebsocketTransport implements ChannelTransport {
+    private buffer;
+    private handler?;
+    private socket;
+    private isReady;
+    constructor({ url, onError, page }: WebsocketTransportArgs);
+    setHandler(handler: ChannelHandler): void;
+    send(event: any): void;
+    private sendLater;
+    private sendNow;
+    private flush;
+}
+
 type Options = Config & {
@@ -12,3 +94,3 @@ extraTransports?: ChannelTransport[];
  * @param {Options} options - The options object.
- * @param {Page} options.page - The puppeteer page instance.
+ * @param {Page} options.page - page identifier.
  * @param {ChannelTransport[]} [options.extraTransports=[]] - An optional array of extra channel transports.
@@ -19,2 +101,2 @@ * @returns {Channel} - The new channel instance.
 
-export { Channel, ChannelTransport, createBrowserChannel, Channel as default };
+export { Channel, ChannelEvent, ChannelHandler, ChannelTransport, Listener, PostMessageTransport, WebsocketTransport, createBrowserChannel, Channel as default };

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{Channel:()=>Channel,PostMessageTransport:()=>PostMessageTransport,WebsocketTransport:()=>WebsocketTransport,createBrowserChannel:()=>createBrowserChannel,createPostMessageChannel:()=>createChannel,createWebSocketChannel:()=>createChannel2,default:()=>src_default});module.exports=__toCommonJS(src_exports);var import_global3=require("@storybook/global");var isMulti=args=>args.transports!==void 0,generateRandomId=()=>Math.random().toString(16).slice(2),Channel=class{constructor(input={}){this.sender=generateRandomId();this.events={};this.data={};this.transports=[];this.isAsync=input.async||!1,isMulti(input)?(this.transports=input.transports||[],this.transports.forEach(t=>{t.setHandler(event=>this.handleEvent(event))})):this.transports=input.transport?[input.transport]:[],this.transports.forEach(t=>{t.setHandler(event=>this.handleEvent(event))})}get hasTransport(){return this.transports.length>0}addListener(eventName,listener){this.events[eventName]=this.events[eventName]||[],this.events[eventName].push(listener)}emit(eventName,...args){let event={type:eventName,args,from:this.sender},options={};args.length>=1&&args[0]&&args[0].options&&(options=args[0].options);let handler=()=>{this.transports.forEach(t=>{t.send(event,options)}),this.handleEvent(event)};this.isAsync?setImmediate(handler):handler()}last(eventName){return this.data[eventName]}eventNames(){return Object.keys(this.events)}listenerCount(eventName){let listeners=this.listeners(eventName);return listeners?listeners.length:0}listeners(eventName){return this.events[eventName]||void 0}once(eventName,listener){let onceListener=this.onceListener(eventName,listener);this.addListener(eventName,onceListener)}removeAllListeners(eventName){eventName?this.events[eventName]&&delete this.events[eventName]:this.events={}}removeListener(eventName,listener){let listeners=this.listeners(eventName);listeners&&(this.events[eventName]=listeners.filter(l=>l!==listener))}on(eventName,listener){this.addListener(eventName,listener)}off(eventName,listener){this.removeListener(eventName,listener)}handleEvent(event){let listeners=this.listeners(event.type);listeners&&listeners.length&&listeners.forEach(fn=>{fn.apply(event,event.args)}),this.data[event.type]=event.args}onceListener(eventName,listener){let onceListener=(...args)=>(this.removeListener(eventName,onceListener),listener(...args));return onceListener}};var import_global=require("@storybook/global"),EVENTS=__toESM(require("@storybook/core-events")),import_client_logger2=require("@storybook/client-logger"),import_telejson=require("telejson"),import_qs=__toESM(require("qs")),import_tiny_invariant=__toESM(require("tiny-invariant"));var import_client_logger=require("@storybook/client-logger"),getEventSourceUrl=event=>{let frames=Array.from(document.querySelectorAll("iframe[data-is-storybook]")),[frame,...remainder]=frames.filter(element=>{try{return element.contentWindow===event.source}catch{}let src2=element.getAttribute("src"),origin;try{if(!src2)return!1;({origin}=new URL(src2,document.location.toString()))}catch{return!1}return origin===event.origin}),src=frame==null?void 0:frame.getAttribute("src");if(src&&remainder.length===0){let{protocol,host,pathname}=new URL(src,document.location.toString());return`${protocol}//${host}${pathname}`}return remainder.length>0&&import_client_logger.logger.error("found multiple candidates for event source"),null};var{document:document2,location}=import_global.global,KEY="storybook-channel",defaultEventOptions={allowFunction:!0,maxDepth:25},PostMessageTransport=class{constructor(config){this.config=config;this.connected=!1;var _a;if(this.buffer=[],typeof((_a=import_global.global)==null?void 0:_a.addEventListener)=="function"&&import_global.global.addEventListener("message",this.handleEvent.bind(this),!1),config.page!=="manager"&&config.page!=="preview")throw new Error(`postmsg-channel: "config.page" cannot be "${config.page}"`)}setHandler(handler){this.handler=(...args)=>{handler.apply(this,args),!this.connected&&this.getLocalFrame().length&&(this.flush(),this.connected=!0)}}send(event,options){let{target,allowRegExp,allowFunction,allowSymbol,allowDate,allowError,allowUndefined,allowClass,maxDepth,space,lazyEval}=options||{},eventOptions=Object.fromEntries(Object.entries({allowRegExp,allowFunction,allowSymbol,allowDate,allowError,allowUndefined,allowClass,maxDepth,space,lazyEval}).filter(([k,v])=>typeof v<"u")),stringifyOptions={...defaultEventOptions,...import_global.global.CHANNEL_OPTIONS||{},...eventOptions},frames=this.getFrames(target),query=import_qs.default.parse((location==null?void 0:location.search)||"",{ignoreQueryPrefix:!0}),data=(0,import_telejson.stringify)({key:KEY,event,refId:query.refId},stringifyOptions);return frames.length?(this.buffer.length&&this.flush(),frames.forEach(f=>{try{f.postMessage(data,"*")}catch{import_client_logger2.logger.error("sending over postmessage fail")}}),Promise.resolve(null)):new Promise((resolve,reject)=>{this.buffer.push({event,resolve,reject})})}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(item=>{this.send(item.event).then(item.resolve).catch(item.reject)})}getFrames(target){if(this.config.page==="manager"){let list=Array.from(document2.querySelectorAll("iframe[data-is-storybook][data-is-loaded]")).flatMap(e=>{try{return e.contentWindow&&e.dataset.isStorybook!==void 0&&e.id===target?[e.contentWindow]:[]}catch{return[]}});return list!=null&&list.length?list:this.getCurrentFrames()}return import_global.global&&import_global.global.parent&&import_global.global.parent!==import_global.global.self?[import_global.global.parent]:[]}getCurrentFrames(){return this.config.page==="manager"?Array.from(document2.querySelectorAll('[data-is-storybook="true"]')).flatMap(e=>e.contentWindow?[e.contentWindow]:[]):import_global.global&&import_global.global.parent?[import_global.global.parent]:[]}getLocalFrame(){return this.config.page==="manager"?Array.from(document2.querySelectorAll("#storybook-preview-iframe")).flatMap(e=>e.contentWindow?[e.contentWindow]:[]):import_global.global&&import_global.global.parent?[import_global.global.parent]:[]}handleEvent(rawEvent){try{let{data}=rawEvent,{key,event,refId}=typeof data=="string"&&(0,import_telejson.isJSON)(data)?(0,import_telejson.parse)(data,import_global.global.CHANNEL_OPTIONS||{}):data;if(key===KEY){let pageString=this.config.page==="manager"?'<span style="color: #37D5D3; background: black"> manager </span>':'<span style="color: #1EA7FD; background: black"> preview </span>',eventString=Object.values(EVENTS).includes(event.type)?`<span style="color: #FF4785">${event.type}</span>`:`<span style="color: #FFAE00">${event.type}</span>`;if(refId&&(event.refId=refId),event.source=this.config.page==="preview"?rawEvent.origin:getEventSourceUrl(rawEvent),!event.source){import_client_logger2.pretty.error(`${pageString} received ${eventString} but was unable to determine the source of the event`);return}let message=`${pageString} received ${eventString} (${data.length})`;import_client_logger2.pretty.debug(location.origin!==event.source?message:`${message} <span style="color: gray">(on ${location.origin} from ${event.source})</span>`,...event.args),(0,import_tiny_invariant.default)(this.handler,"ChannelHandler should be set"),this.handler(event)}}catch(error){import_client_logger2.logger.error(error)}}},PostmsgTransport=PostMessageTransport;function createChannel({page}){let transport=new PostmsgTransport({page});return new Channel({transport})}var import_global2=require("@storybook/global"),import_client_logger3=require("@storybook/client-logger"),import_telejson2=require("telejson"),import_tiny_invariant2=__toESM(require("tiny-invariant"));var{WebSocket}=import_global2.global,WebsocketTransport=class{constructor({url,onError}){this.buffer=[];this.isReady=!1;this.socket=new WebSocket(url),this.socket.onopen=()=>{this.isReady=!0,this.flush()},this.socket.onmessage=({data})=>{let event=typeof data=="string"&&(0,import_telejson2.isJSON)(data)?(0,import_telejson2.parse)(data):data;(0,import_tiny_invariant2.default)(this.handler,"WebsocketTransport handler should be set"),this.handler(event)},this.socket.onerror=e=>{onError&&onError(e)}}setHandler(handler){this.handler=handler}send(event){this.isReady?this.sendNow(event):this.sendLater(event)}sendLater(event){this.buffer.push(event)}sendNow(event){let data=(0,import_telejson2.stringify)(event,{maxDepth:15,allowFunction:!0});this.socket.send(data)}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(event=>this.send(event))}};function createChannel2({url,async=!1,onError=err=>import_client_logger3.logger.warn(err)}){let channelUrl=url;if(!channelUrl){let protocol=window.location.protocol==="http:"?"ws":"wss",{hostname,port}=window.location;channelUrl=`${protocol}://${hostname}:${port}/storybook-server-channel`}let transport=new WebsocketTransport({url:channelUrl,onError});return new Channel({transport,async})}var{CONFIG_TYPE}=import_global3.global,src_default=Channel;function createBrowserChannel({page,extraTransports=[]}){let transports=[new PostMessageTransport({page}),...extraTransports];if(CONFIG_TYPE==="DEVELOPMENT"){let protocol=window.location.protocol==="http:"?"ws":"wss",{hostname,port}=window.location,channelUrl=`${protocol}://${hostname}:${port}/storybook-server-channel`;transports.push(new WebsocketTransport({url:channelUrl,onError:()=>{}}))}return new Channel({transports})}0&&(module.exports={Channel,PostMessageTransport,WebsocketTransport,createBrowserChannel,createPostMessageChannel,createWebSocketChannel});
+"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{Channel:()=>Channel,PostMessageTransport:()=>PostMessageTransport,WebsocketTransport:()=>WebsocketTransport,createBrowserChannel:()=>createBrowserChannel,default:()=>src_default});module.exports=__toCommonJS(src_exports);var import_global3=require("@storybook/global");var isMulti=args=>args.transports!==void 0,generateRandomId=()=>Math.random().toString(16).slice(2),Channel=class{constructor(input={}){this.sender=generateRandomId();this.events={};this.data={};this.transports=[];this.isAsync=input.async||!1,isMulti(input)?(this.transports=input.transports||[],this.transports.forEach(t=>{t.setHandler(event=>this.handleEvent(event))})):this.transports=input.transport?[input.transport]:[],this.transports.forEach(t=>{t.setHandler(event=>this.handleEvent(event))})}get hasTransport(){return this.transports.length>0}addListener(eventName,listener){this.events[eventName]=this.events[eventName]||[],this.events[eventName].push(listener)}emit(eventName,...args){let event={type:eventName,args,from:this.sender},options={};args.length>=1&&args[0]&&args[0].options&&(options=args[0].options);let handler=()=>{this.transports.forEach(t=>{t.send(event,options)}),this.handleEvent(event)};this.isAsync?setImmediate(handler):handler()}last(eventName){return this.data[eventName]}eventNames(){return Object.keys(this.events)}listenerCount(eventName){let listeners=this.listeners(eventName);return listeners?listeners.length:0}listeners(eventName){return this.events[eventName]||void 0}once(eventName,listener){let onceListener=this.onceListener(eventName,listener);this.addListener(eventName,onceListener)}removeAllListeners(eventName){eventName?this.events[eventName]&&delete this.events[eventName]:this.events={}}removeListener(eventName,listener){let listeners=this.listeners(eventName);listeners&&(this.events[eventName]=listeners.filter(l=>l!==listener))}on(eventName,listener){this.addListener(eventName,listener)}off(eventName,listener){this.removeListener(eventName,listener)}handleEvent(event){let listeners=this.listeners(event.type);listeners&&listeners.length&&listeners.forEach(fn=>{fn.apply(event,event.args)}),this.data[event.type]=event.args}onceListener(eventName,listener){let onceListener=(...args)=>(this.removeListener(eventName,onceListener),listener(...args));return onceListener}};var import_global=require("@storybook/global"),EVENTS=__toESM(require("@storybook/core-events")),import_client_logger2=require("@storybook/client-logger"),import_telejson=require("telejson"),import_tiny_invariant=__toESM(require("tiny-invariant"));var import_client_logger=require("@storybook/client-logger"),getEventSourceUrl=event=>{let frames=Array.from(document.querySelectorAll("iframe[data-is-storybook]")),[frame,...remainder]=frames.filter(element=>{try{return element.contentWindow?.location.origin===event.source.location.origin&&element.contentWindow?.location.pathname===event.source.location.pathname}catch{}try{return element.contentWindow===event.source}catch{}let src2=element.getAttribute("src"),origin;try{if(!src2)return!1;({origin}=new URL(src2,document.location.toString()))}catch{return!1}return origin===event.origin}),src=frame?.getAttribute("src");if(src&&remainder.length===0){let{protocol,host,pathname}=new URL(src,document.location.toString());return`${protocol}//${host}${pathname}`}return remainder.length>0&&import_client_logger.logger.error("found multiple candidates for event source"),null};var{document:document2,location}=import_global.global,KEY="storybook-channel",defaultEventOptions={allowFunction:!1,maxDepth:25},PostMessageTransport=class{constructor(config){this.config=config;this.connected=!1;if(this.buffer=[],typeof import_global.global?.addEventListener=="function"&&import_global.global.addEventListener("message",this.handleEvent.bind(this),!1),config.page!=="manager"&&config.page!=="preview")throw new Error(`postmsg-channel: "config.page" cannot be "${config.page}"`)}setHandler(handler){this.handler=(...args)=>{handler.apply(this,args),!this.connected&&this.getLocalFrame().length&&(this.flush(),this.connected=!0)}}send(event,options){let{target,allowRegExp,allowFunction,allowSymbol,allowDate,allowError,allowUndefined,allowClass,maxDepth,space,lazyEval}=options||{},eventOptions=Object.fromEntries(Object.entries({allowRegExp,allowFunction,allowSymbol,allowDate,allowError,allowUndefined,allowClass,maxDepth,space,lazyEval}).filter(([k,v])=>typeof v<"u")),stringifyOptions={...defaultEventOptions,...import_global.global.CHANNEL_OPTIONS||{},...eventOptions},frames=this.getFrames(target),query=new URLSearchParams(location?.search||""),data=(0,import_telejson.stringify)({key:KEY,event,refId:query.get("refId")},stringifyOptions);return frames.length?(this.buffer.length&&this.flush(),frames.forEach(f=>{try{f.postMessage(data,"*")}catch{import_client_logger2.logger.error("sending over postmessage fail")}}),Promise.resolve(null)):new Promise((resolve,reject)=>{this.buffer.push({event,resolve,reject})})}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(item=>{this.send(item.event).then(item.resolve).catch(item.reject)})}getFrames(target){if(this.config.page==="manager"){let list=Array.from(document2.querySelectorAll("iframe[data-is-storybook][data-is-loaded]")).flatMap(e=>{try{return e.contentWindow&&e.dataset.isStorybook!==void 0&&e.id===target?[e.contentWindow]:[]}catch{return[]}});return list?.length?list:this.getCurrentFrames()}return import_global.global&&import_global.global.parent&&import_global.global.parent!==import_global.global.self?[import_global.global.parent]:[]}getCurrentFrames(){return this.config.page==="manager"?Array.from(document2.querySelectorAll('[data-is-storybook="true"]')).flatMap(e=>e.contentWindow?[e.contentWindow]:[]):import_global.global&&import_global.global.parent?[import_global.global.parent]:[]}getLocalFrame(){return this.config.page==="manager"?Array.from(document2.querySelectorAll("#storybook-preview-iframe")).flatMap(e=>e.contentWindow?[e.contentWindow]:[]):import_global.global&&import_global.global.parent?[import_global.global.parent]:[]}handleEvent(rawEvent){try{let{data}=rawEvent,{key,event,refId}=typeof data=="string"&&(0,import_telejson.isJSON)(data)?(0,import_telejson.parse)(data,import_global.global.CHANNEL_OPTIONS||{}):data;if(key===KEY){let pageString=this.config.page==="manager"?'<span style="color: #37D5D3; background: black"> manager </span>':'<span style="color: #1EA7FD; background: black"> preview </span>',eventString=Object.values(EVENTS).includes(event.type)?`<span style="color: #FF4785">${event.type}</span>`:`<span style="color: #FFAE00">${event.type}</span>`;if(refId&&(event.refId=refId),event.source=this.config.page==="preview"?rawEvent.origin:getEventSourceUrl(rawEvent),!event.source){import_client_logger2.pretty.error(`${pageString} received ${eventString} but was unable to determine the source of the event`);return}let message=`${pageString} received ${eventString} (${data.length})`;import_client_logger2.pretty.debug(location.origin!==event.source?message:`${message} <span style="color: gray">(on ${location.origin} from ${event.source})</span>`,...event.args),(0,import_tiny_invariant.default)(this.handler,"ChannelHandler should be set"),this.handler(event)}}catch(error){import_client_logger2.logger.error(error)}}};var import_global2=require("@storybook/global"),import_telejson2=require("telejson"),import_tiny_invariant2=__toESM(require("tiny-invariant")),EVENTS2=__toESM(require("@storybook/core-events")),{WebSocket}=import_global2.global,WebsocketTransport=class{constructor({url,onError,page}){this.buffer=[];this.isReady=!1;this.socket=new WebSocket(url),this.socket.onopen=()=>{this.isReady=!0,this.flush()},this.socket.onmessage=({data})=>{let event=typeof data=="string"&&(0,import_telejson2.isJSON)(data)?(0,import_telejson2.parse)(data):data;(0,import_tiny_invariant2.default)(this.handler,"WebsocketTransport handler should be set"),this.handler(event)},this.socket.onerror=e=>{onError&&onError(e)},this.socket.onclose=()=>{(0,import_tiny_invariant2.default)(this.handler,"WebsocketTransport handler should be set"),this.handler({type:EVENTS2.CHANNEL_WS_DISCONNECT,args:[],from:page||"preview"})}}setHandler(handler){this.handler=handler}send(event){this.isReady?this.sendNow(event):this.sendLater(event)}sendLater(event){this.buffer.push(event)}sendNow(event){let data=(0,import_telejson2.stringify)(event,{maxDepth:15,allowFunction:!1,...import_global2.global.CHANNEL_OPTIONS});this.socket.send(data)}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(event=>this.send(event))}};var{CONFIG_TYPE}=import_global3.global,src_default=Channel;function createBrowserChannel({page,extraTransports=[]}){let transports=[new PostMessageTransport({page}),...extraTransports];if(CONFIG_TYPE==="DEVELOPMENT"){let protocol=window.location.protocol==="http:"?"ws":"wss",{hostname,port}=window.location,channelUrl=`${protocol}://${hostname}:${port}/storybook-server-channel`;transports.push(new WebsocketTransport({url:channelUrl,onError:()=>{},page}))}return new Channel({transports})}0&&(module.exports={Channel,PostMessageTransport,WebsocketTransport,createBrowserChannel});

package.json

 {
   "name": "@storybook/channels",
-  "version": "0.0.0-pr-26923-sha-300a6ba8",
+  "version": "0.0.0-pr-27008-sha-307d4fb3",
   "description": "",
@@ -30,14 +30,2 @@ "keywords": [
     },
-    "./dist/postmessage/index": {
-      "types": "./dist/postmessage/index.d.ts",
-      "node": "./dist/postmessage/index.js",
-      "require": "./dist/postmessage/index.js",
-      "import": "./dist/postmessage/index.mjs"
-    },
-    "./dist/websocket/index": {
-      "types": "./dist/websocket/index.d.ts",
-      "node": "./dist/websocket/index.js",
-      "require": "./dist/websocket/index.js",
-      "import": "./dist/websocket/index.mjs"
-    },
     "./package.json": "./package.json"
@@ -48,15 +36,2 @@ },
   "types": "dist/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "*": [
-        "dist/index.d.ts"
-      ],
-      "dist/postmessage/index": [
-        "dist/postmessage/index.d.ts"
-      ],
-      "dist/websocket/index": [
-        "dist/websocket/index.d.ts"
-      ]
-    }
-  },
   "files": [
@@ -74,6 +49,5 @@ "dist/**/*",
   "dependencies": {
-    "@storybook/client-logger": "0.0.0-pr-26923-sha-300a6ba8",
-    "@storybook/core-events": "0.0.0-pr-26923-sha-300a6ba8",
+    "@storybook/client-logger": "0.0.0-pr-27008-sha-307d4fb3",
+    "@storybook/core-events": "0.0.0-pr-27008-sha-307d4fb3",
     "@storybook/global": "^5.0.0",
-    "qs": "^6.10.0",
     "telejson": "^7.2.0",
@@ -83,3 +57,3 @@ "tiny-invariant": "^1.3.1"
   "devDependencies": {
-    "typescript": "~4.9.3"
+    "typescript": "^5.3.2"
   },
@@ -91,5 +65,3 @@ "publishConfig": {
     "entries": [
-      "./src/index.ts",
-      "./src/postmessage/index.ts",
-      "./src/websocket/index.ts"
+      "./src/index.ts"
     ]
@@ -96,0 +68,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Dependency count

5

decreased by-16.67%

Number of low quality alerts

3

decreased by-40%

Worsened metrics

Total package byte prevSize

24129

decreased by-42.73%

Number of package files

5

decreased by-68.75%

Lines of code

170

decreased by-40.77%

Dependency changes

• + Added@storybook/client-logger@0.0.0-pr-27008-sha-307d4fb3(transitive)

• + Added@storybook/core-events@0.0.0-pr-27008-sha-307d4fb3(transitive)

• + Added@storybook/csf@0.1.11(transitive)

• + Addedtype-fest@2.19.0(transitive)

• - Removedqs@^6.10.0

• - Removed@storybook/client-logger@0.0.0-pr-26923-sha-300a6ba8(transitive)

• - Removed@storybook/core-events@0.0.0-pr-26923-sha-300a6ba8(transitive)

• - Removedcall-bind@1.0.7(transitive)

• - Removeddefine-data-property@1.1.4(transitive)

• - Removedes-define-property@1.0.0(transitive)

• - Removedes-errors@1.3.0(transitive)

• - Removedfunction-bind@1.1.2(transitive)

• - Removedget-intrinsic@1.2.4(transitive)

• - Removedgopd@1.0.1(transitive)

• - Removedhas-property-descriptors@1.0.2(transitive)

• - Removedhas-proto@1.0.3(transitive)

• - Removedhas-symbols@1.0.3(transitive)

• - Removedhasown@2.0.2(transitive)

• - Removedobject-inspect@1.13.2(transitive)

• - Removedqs@6.13.0(transitive)

• - Removedset-function-length@1.2.2(transitive)

• - Removedside-channel@1.0.6(transitive)

• Updated@storybook/client-logger@0.0.0-pr-27008-sha-307d4fb3

• Updated@storybook/core-events@0.0.0-pr-27008-sha-307d4fb3