How to use componentsPath method in storybook-root

Best JavaScript code snippet using storybook-root

site.js

Source:site.js

1function getWindowLocationSearch(win) {2    'use strict';3    var search = (win || window).location.search;4    if (!search) {5        var index = window.location.href.indexOf('?');6        if (-1 != index) {7            search = window.location.href.substring(index);8        }9    }10    return search || '';11}12function getParameterByName(name, url) {13    'use strict';14    name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');15    var regexS = '[\\?&]' + name + '=([^&#]*)';16    var regex = new RegExp(regexS, 'i');17    var results = regex.exec(url || getWindowLocationSearch());18    if (null == results) {19        return '';20    }21    return decodeURIComponent(results[1].replace(/\+/g, ' '));22}23function pageClassOn(eventName, className, fn) {24    'use strict';25    document.addEventListener(eventName, function (event) {26        var target = event.target;27        if (target.classList.contains(className)) {28            fn.call(target, event);29        }30    });31}32function pageIdOn(eventName, id, fn) {33    'use strict';34    document.addEventListener(eventName, function (event) {35        var target = event.target;36        if (target.id === id) {37            fn.call(target, event);38        }39    });40}41var Dashboard = {42    getCurrentUser: function () {43        return window.ApiClient.getCurrentUser(false);44    },45    //TODO: investigate url prefix support for serverAddress function46    serverAddress: function () {47        if (AppInfo.isNativeApp) {48            var apiClient = window.ApiClient;49            if (apiClient) {50                return apiClient.serverAddress();51            }52            return null;53        }54        var urlLower = window.location.href.toLowerCase();55        var index = urlLower.lastIndexOf('/web');56        if (-1 != index) {57            return urlLower.substring(0, index);58        }59        var loc = window.location;60        var address = loc.protocol + '//' + loc.hostname;61        if (loc.port) {62            address += ':' + loc.port;63        }64        return address;65    },66    getCurrentUserId: function () {67        var apiClient = window.ApiClient;68        if (apiClient) {69            return apiClient.getCurrentUserId();70        }71        return null;72    },73    onServerChanged: function (userId, accessToken, apiClient) {74        apiClient = apiClient || window.ApiClient;75        window.ApiClient = apiClient;76    },77    logout: function () {78        ConnectionManager.logout().then(function () {79            var loginPage;80            if (AppInfo.isNativeApp) {81                loginPage = 'selectserver.html';82                window.ApiClient = null;83            } else {84                loginPage = 'login.html';85            }86            Dashboard.navigate(loginPage);87        });88    },89    getConfigurationPageUrl: function (name) {90        return 'configurationpage?name=' + encodeURIComponent(name);91    },92    getConfigurationResourceUrl: function (name) {93        if (AppInfo.isNativeApp) {94            return ApiClient.getUrl('web/ConfigurationPage', {95                name: name96            });97        }98        return Dashboard.getConfigurationPageUrl(name);99    },100    navigate: function (url, preserveQueryString) {101        if (!url) {102            throw new Error('url cannot be null or empty');103        }104        var queryString = getWindowLocationSearch();105        if (preserveQueryString && queryString) {106            url += queryString;107        }108        return new Promise(function (resolve, reject) {109            require(['appRouter'], function (appRouter) {110                return appRouter.show(url).then(resolve, reject);111            });112        });113    },114    navigate_direct: function (path) {115        return new Promise(function (resolve, reject) {116            require(['appRouter'], function (appRouter) {117                return appRouter.showDirect(path).then(resolve, reject);118            });119        });120    },121    processPluginConfigurationUpdateResult: function () {122        require(['loading', 'toast'], function (loading, toast) {123            loading.hide();124            toast(Globalize.translate('MessageSettingsSaved'));125        });126    },127    processServerConfigurationUpdateResult: function (result) {128        require(['loading', 'toast'], function (loading, toast) {129            loading.hide();130            toast(Globalize.translate('MessageSettingsSaved'));131        });132    },133    processErrorResponse: function (response) {134        require(['loading'], function (loading) {135            loading.hide();136        });137        var status = '' + response.status;138        if (response.statusText) {139            status = response.statusText;140        }141        Dashboard.alert({142            title: status,143            message: response.headers ? response.headers.get('X-Application-Error-Code') : null144        });145    },146    alert: function (options) {147        if ('string' == typeof options) {148            return void require(['toast'], function (toast) {149                toast({150                    text: options151                });152            });153        }154        require(['alert'], function (alert) {155            alert({156                title: options.title || Globalize.translate('HeaderAlert'),157                text: options.message158            }).then(options.callback || function () {});159        });160    },161    restartServer: function () {162        var apiClient = window.ApiClient;163        if (apiClient) {164            require(['serverRestartDialog', 'events'], function (ServerRestartDialog, events) {165                var dialog = new ServerRestartDialog({166                    apiClient: apiClient167                });168                events.on(dialog, 'restarted', function () {169                    if (AppInfo.isNativeApp) {170                        apiClient.ensureWebSocket();171                    } else {172                        window.location.reload(true);173                    }174                });175                dialog.show();176            });177        }178    },179    capabilities: function (appHost) {180        var capabilities = {181            PlayableMediaTypes: ['Audio', 'Video'],182            SupportedCommands: ['MoveUp', 'MoveDown', 'MoveLeft', 'MoveRight', 'PageUp', 'PageDown', 'PreviousLetter', 'NextLetter', 'ToggleOsd', 'ToggleContextMenu', 'Select', 'Back', 'SendKey', 'SendString', 'GoHome', 'GoToSettings', 'VolumeUp', 'VolumeDown', 'Mute', 'Unmute', 'ToggleMute', 'SetVolume', 'SetAudioStreamIndex', 'SetSubtitleStreamIndex', 'DisplayContent', 'GoToSearch', 'DisplayMessage', 'SetRepeatMode', 'ChannelUp', 'ChannelDown', 'PlayMediaSource', 'PlayTrailers'],183            SupportsPersistentIdentifier: 'cordova' === self.appMode || 'android' === self.appMode,184            SupportsMediaControl: true185        };186        appHost.getPushTokenInfo();187        return capabilities = Object.assign(capabilities, appHost.getPushTokenInfo());188    },189    selectServer: function () {190        if (window.NativeShell && typeof window.NativeShell.selectServer === 'function') {191            window.NativeShell.selectServer();192        } else {193            Dashboard.navigate('selectserver.html');194        }195    }196};197var AppInfo = {};198!function () {199    'use strict';200    function defineConnectionManager(connectionManager) {201        window.ConnectionManager = connectionManager;202        define('connectionManager', [], function () {203            return connectionManager;204        });205    }206    function bindConnectionManagerEvents(connectionManager, events, userSettings) {207        window.Events = events;208        connectionManager.currentApiClient = function () {209            if (!localApiClient) {210                var server = connectionManager.getLastUsedServer();211                if (server) {212                    localApiClient = connectionManager.getApiClient(server.Id);213                }214            }215            return localApiClient;216        };217        connectionManager.onLocalUserSignedIn = function (user) {218            localApiClient = connectionManager.getApiClient(user.ServerId);219            window.ApiClient = localApiClient;220            return userSettings.setUserInfo(user.Id, localApiClient);221        };222        events.on(connectionManager, 'localusersignedout', function () {223            userSettings.setUserInfo(null, null);224        });225    }226    function createConnectionManager() {227        return require(['connectionManagerFactory', 'apphost', 'credentialprovider', 'events', 'userSettings'], function (ConnectionManager, apphost, credentialProvider, events, userSettings) {228            var credentialProviderInstance = new credentialProvider();229            var promises = [apphost.getSyncProfile(), apphost.init()];230            return Promise.all(promises).then(function (responses) {231                var deviceProfile = responses[0];232                var capabilities = Dashboard.capabilities(apphost);233                capabilities.DeviceProfile = deviceProfile;234                var connectionManager = new ConnectionManager(credentialProviderInstance, apphost.appName(), apphost.appVersion(), apphost.deviceName(), apphost.deviceId(), capabilities);235                defineConnectionManager(connectionManager);236                bindConnectionManagerEvents(connectionManager, events, userSettings);237                if (!AppInfo.isNativeApp) {238                    console.debug('loading ApiClient singleton');239                    return require(['apiclient'], function (apiClientFactory) {240                        console.debug('creating ApiClient singleton');241                        var apiClient = new apiClientFactory(Dashboard.serverAddress(), apphost.appName(), apphost.appVersion(), apphost.deviceName(), apphost.deviceId());242                        apiClient.enableAutomaticNetworking = false;243                        apiClient.manualAddressOnly = true;244                        connectionManager.addApiClient(apiClient);245                        window.ApiClient = apiClient;246                        localApiClient = apiClient;247                        console.debug('loaded ApiClient singleton');248                    });249                }250                return Promise.resolve();251            });252        });253    }254    function returnFirstDependency(obj) {255        return obj;256    }257    function getBowerPath() {258        return 'libraries';259    }260    function getComponentsPath() {261        return 'components';262    }263    function getElementsPath() {264        return 'elements';265    }266    function getScriptsPath() {267        return 'scripts';268    }269    function getPlaybackManager(playbackManager) {270        window.addEventListener('beforeunload', function () {271            try {272                playbackManager.onAppClose();273            } catch (err) {274                console.error('error in onAppClose: ' + err);275            }276        });277        return playbackManager;278    }279    function getLayoutManager(layoutManager, appHost) {280        if (appHost.getDefaultLayout) {281            layoutManager.defaultLayout = appHost.getDefaultLayout();282        }283        layoutManager.init();284        return layoutManager;285    }286    function createSharedAppFooter(appFooter) {287        return new appFooter({});288    }289    function onRequireJsError(requireType, requireModules) {290        console.error('RequireJS error: ' + (requireType || 'unknown') + '. Failed modules: ' + (requireModules || []).join(','));291    }292    function defineResizeObserver() {293        if (self.ResizeObserver) {294            define('ResizeObserver', [], function () {295                return self.ResizeObserver;296            });297        } else {298            define('ResizeObserver', ['resize-observer-polyfill'], returnFirstDependency);299        }300    }301    function initRequireWithBrowser(browser) {302        var bowerPath = getBowerPath();303        var componentsPath = getComponentsPath();304        var scriptsPath = getScriptsPath();305        define('filesystem', [scriptsPath + '/filesystem'], returnFirstDependency);306        define('lazyLoader', [componentsPath + '/lazyLoader/lazyLoaderIntersectionObserver'], returnFirstDependency);307        define('shell', [scriptsPath + '/shell'], returnFirstDependency);308        if ('registerElement' in document) {309            define('registerElement', []);310        } else if (browser.msie) {311            define('registerElement', ['webcomponents'], returnFirstDependency);312        } else {313            define('registerElement', ['document-register-element'], returnFirstDependency);314        }315        define('alert', [componentsPath + '/alert'], returnFirstDependency);316        defineResizeObserver();317        define('dialog', [componentsPath + '/dialog/dialog'], returnFirstDependency);318        define('confirm', [componentsPath + '/confirm/confirm'], returnFirstDependency);319        define('prompt', [componentsPath + '/prompt/prompt'], returnFirstDependency);320        define('loading', [componentsPath + '/loading/loading'], returnFirstDependency);321        define('multi-download', [scriptsPath + '/multiDownload'], returnFirstDependency);322        define('fileDownloader', [scriptsPath + '/fileDownloader'], returnFirstDependency);323        define('castSenderApiLoader', [componentsPath + '/castSenderApi'], returnFirstDependency);324    }325    function init() {326        define('livetvcss', ['css!assets/css/livetv.css'], returnFirstDependency);327        define('detailtablecss', ['css!assets/css/detailtable.css'], returnFirstDependency);328        var promises = [];329        if (!window.fetch) {330            promises.push(require(['fetch']));331        }332        Promise.all(promises).then(function () {333            createConnectionManager().then(function () {334                console.debug('initAfterDependencies promises resolved');335                require(['globalize', 'browser'], function (globalize, browser) {336                    window.Globalize = globalize;337                    loadCoreDictionary(globalize).then(function () {338                        onGlobalizeInit(browser);339                    });340                });341                require(['keyboardnavigation'], function(keyboardnavigation) {342                    keyboardnavigation.enable();343                });344                require(['mouseManager']);345                require(['focusPreventScroll']);346                require(['autoFocuser'], function(autoFocuser) {347                    autoFocuser.enable();348                });349                require(['globalize', 'connectionManager', 'events'], function (globalize, connectionManager, events) {350                    events.on(connectionManager, 'localusersignedin', globalize.updateCurrentCulture);351                });352            });353        });354    }355    function loadCoreDictionary(globalize) {356        var languages = ['ar', 'be-by', 'bg-bg', 'ca', 'cs', 'da', 'de', 'el', 'en-gb', 'en-us', 'es', 'es-ar', 'es-mx', 'fa', 'fi', 'fr', 'fr-ca', 'gsw', 'he', 'hi-in', 'hr', 'hu', 'id', 'it', 'kk', 'ko', 'lt-lt', 'ms', 'nb', 'nl', 'pl', 'pt-br', 'pt-pt', 'ro', 'ru', 'sk', 'sl-si', 'sv', 'tr', 'uk', 'vi', 'zh-cn', 'zh-hk', 'zh-tw'];357        var translations = languages.map(function (language) {358            return {359                lang: language,360                path: 'strings/' + language + '.json'361            };362        });363        globalize.defaultModule('core');364        return globalize.loadStrings({365            name: 'core',366            translations: translations367        });368    }369    function onGlobalizeInit(browser) {370        if ('android' === self.appMode) {371            if (-1 !== self.location.href.toString().toLowerCase().indexOf('start=backgroundsync')) {372                return onAppReady(browser);373            }374        }375        document.title = Globalize.translateDocument(document.title, 'core');376        if (browser.tv && !browser.android) {377            console.debug('using system fonts with explicit sizes');378            require(['systemFontsSizedCss']);379        } else {380            console.debug('using default fonts');381            require(['systemFontsCss']);382        }383        require(['apphost', 'css!assets/css/librarybrowser'], function (appHost) {384            loadPlugins(appHost, browser).then(function () {385                onAppReady(browser);386            });387        });388    }389    function loadPlugins(appHost, browser, shell) {390        console.debug('loading installed plugins');391        var list = [392            'components/playback/playaccessvalidation',393            'components/playback/experimentalwarnings',394            'components/htmlAudioPlayer/plugin',395            'components/htmlVideoPlayer/plugin',396            'components/photoPlayer/plugin',397            'components/youtubeplayer/plugin',398            'components/backdropScreensaver/plugin',399            'components/logoScreensaver/plugin'400        ];401        if (appHost.supports('remotecontrol')) {402            list.push('components/sessionPlayer');403            if (browser.chrome || browser.opera) {404                list.push('components/chromecast/chromecastplayer');405            }406        }407        if (window.NativeShell) {408            list = list.concat(window.NativeShell.getPlugins());409        }410        return new Promise(function (resolve, reject) {411            Promise.all(list.map(loadPlugin)).then(function () {412                require(['packageManager'], function (packageManager) {413                    packageManager.init().then(resolve, reject);414                });415            }, reject);416        });417    }418    function loadPlugin(url) {419        return new Promise(function (resolve, reject) {420            require(['pluginManager'], function (pluginManager) {421                pluginManager.loadPlugin(url).then(resolve, reject);422            });423        });424    }425    function onAppReady(browser) {426        console.debug('begin onAppReady');427        // ensure that appHost is loaded in this point428        require(['apphost', 'appRouter'], function (appHost, appRouter) {429            window.Emby = {};430            console.debug('onAppReady: loading dependencies');431            if (browser.iOS) {432                require(['css!assets/css/ios.css']);433            }434            window.Emby.Page = appRouter;435            require(['emby-button', 'scripts/themeLoader', 'libraryMenu', 'scripts/routes'], function () {436                Emby.Page.start({437                    click: false,438                    hashbang: true439                });440                require(['components/themeMediaPlayer', 'scripts/autoBackdrops']);441                if (!browser.tv && !browser.xboxOne && !browser.ps4) {442                    require(['components/nowPlayingBar/nowPlayingBar']);443                }444                if (appHost.supports('remotecontrol')) {445                    require(['playerSelectionMenu', 'components/playback/remotecontrolautoplay']);446                }447                require(['libraries/screensavermanager']);448                if (!appHost.supports('physicalvolumecontrol') || browser.touch) {449                    require(['components/playback/volumeosd']);450                }451                if (navigator.mediaSession || window.NativeShell) {452                    require(['mediaSession']);453                }454                require(['serverNotifications']);455                require(['date-fns', 'date-fns/locale']);456                if (!browser.tv && !browser.xboxOne) {457                    require(['components/playback/playbackorientation']);458                    registerServiceWorker();459                    if (window.Notification) {460                        require(['components/notifications/notifications']);461                    }462                }463                require(['playerSelectionMenu']);464                var apiClient = window.ConnectionManager && window.ConnectionManager.currentApiClient();465                if (apiClient) {466                    fetch(apiClient.getUrl('Branding/Css'))467                        .then(function(response) {468                            if (!response.ok) {469                                throw new Error(response.status + ' ' + response.statusText);470                            }471                            return response.text();472                        })473                        .then(function(css) {474                            // Inject the branding css as a dom element in body so it will take475                            // precedence over other stylesheets476                            var style = document.createElement('style');477                            style.appendChild(document.createTextNode(css));478                            document.body.appendChild(style);479                        })480                        .catch(function(err) {481                            console.warn('Error applying custom css', err);482                        });483                }484            });485        });486    }487    function registerServiceWorker() {488        /* eslint-disable compat/compat */489        if (navigator.serviceWorker && self.appMode !== 'cordova' && self.appMode !== 'android') {490            try {491                navigator.serviceWorker.register('serviceworker.js');492            } catch (err) {493                console.error('error registering serviceWorker: ' + err);494            }495        } else {496            console.warn('serviceWorker unsupported');497        }498        /* eslint-enable compat/compat */499    }500    function onWebComponentsReady(browser) {501        initRequireWithBrowser(browser);502        if (self.appMode === 'cordova' || self.appMode === 'android' || self.appMode === 'standalone') {503            AppInfo.isNativeApp = true;504        }505        init();506    }507    var localApiClient;508    (function () {509        var urlArgs = 'v=' + (window.dashboardVersion || new Date().getDate());510        var bowerPath = getBowerPath();511        var componentsPath = getComponentsPath();512        var elementsPath = getElementsPath();513        var scriptsPath = getScriptsPath();514        var paths = {515            browserdeviceprofile: 'scripts/browserDeviceProfile',516            browser: 'scripts/browser',517            libraryBrowser: 'scripts/libraryBrowser',518            inputManager: 'scripts/inputManager',519            datetime: 'scripts/datetime',520            globalize: 'scripts/globalize',521            dfnshelper: 'scripts/dfnshelper',522            libraryMenu: 'scripts/libraryMenu',523            playlisteditor: componentsPath + '/playlisteditor/playlisteditor',524            medialibrarycreator: componentsPath + '/mediaLibraryCreator/mediaLibraryCreator',525            medialibraryeditor: componentsPath + '/mediaLibraryEditor/mediaLibraryEditor',526            imageoptionseditor: componentsPath + '/imageOptionsEditor/imageOptionsEditor',527            apphost: componentsPath + '/apphost',528            visibleinviewport: bowerPath + '/visibleinviewport',529            qualityoptions: componentsPath + '/qualityOptions',530            focusManager: componentsPath + '/focusManager',531            itemHelper: componentsPath + '/itemHelper',532            itemShortcuts: componentsPath + '/shortcuts',533            playQueueManager: componentsPath + '/playback/playqueuemanager',534            nowPlayingHelper: componentsPath + '/playback/nowplayinghelper',535            pluginManager: componentsPath + '/pluginManager',536            packageManager: componentsPath + '/packagemanager',537            screensaverManager: componentsPath + '/screensavermanager'538        };539        requirejs.onError = onRequireJsError;540        requirejs.config({541            waitSeconds: 0,542            map: {543                '*': {544                    css: 'components/require/requirecss',545                    text: 'components/require/requiretext'546                }547            },548            bundles: {549                bundle: [550                    'document-register-element',551                    'fetch',552                    'flvjs',553                    'jstree',554                    'jQuery',555                    'hlsjs',556                    'howler',557                    'native-promise-only',558                    'resize-observer-polyfill',559                    'shaka',560                    'swiper',561                    'queryString',562                    'sortable',563                    'webcomponents',564                    'material-icons',565                    'jellyfin-noto',566                    'date-fns',567                    'page',568                    'polyfill',569                    'fast-text-encoding',570                    'intersection-observer',571                    'classlist-polyfill',572                    'screenfull',573                    'headroom',574                    'apiclient',575                    'events',576                    'credentialprovider',577                    'connectionManagerFactory',578                    'appStorage'579                ]580            },581            urlArgs: urlArgs,582            paths: paths,583            onError: onRequireJsError584        });585        require(['fetch']);586        require(['polyfill']);587        require(['fast-text-encoding']);588        require(['intersection-observer']);589        require(['classlist-polyfill']);590        // Expose jQuery globally591        require(['jQuery'], function(jQuery) {592            window.$ = jQuery;593            window.jQuery = jQuery;594        });595        require(['css!assets/css/site']);596        require(['jellyfin-noto']);597        // define styles598        // TODO determine which of these files can be moved to the components themselves599        define('systemFontsCss', ['css!assets/css/fonts'], returnFirstDependency);600        define('systemFontsSizedCss', ['css!assets/css/fonts.sized'], returnFirstDependency);601        define('scrollStyles', ['css!assets/css/scrollstyles'], returnFirstDependency);602        define('dashboardcss', ['css!assets/css/dashboard'], returnFirstDependency);603        define('programStyles', ['css!' + componentsPath + '/guide/programs'], returnFirstDependency);604        define('listViewStyle', ['css!' + componentsPath + '/listview/listview'], returnFirstDependency);605        define('formDialogStyle', ['css!' + componentsPath + '/formdialog'], returnFirstDependency);606        define('clearButtonStyle', ['css!assets/css/clearbutton'], returnFirstDependency);607        define('cardStyle', ['css!' + componentsPath + '/cardbuilder/card'], returnFirstDependency);608        define('flexStyles', ['css!assets/css/flexstyles'], returnFirstDependency);609        // define legacy features610        // TODO delete the rest of these611        define('fnchecked', ['legacy/fnchecked'], returnFirstDependency);612        define('legacyDashboard', ['legacy/dashboard'], returnFirstDependency);613        define('legacySelectMenu', ['legacy/selectmenu'], returnFirstDependency);614        // there are several objects that need to be instantiated615        // TODO find a better way to do this616        define('appFooter', [componentsPath + '/appFooter/appFooter'], returnFirstDependency);617        define('appFooter-shared', ['appFooter'], createSharedAppFooter);618        // TODO remove these libraries619        // all of these have been modified so we need to fix that first620        define('scroller', [bowerPath + '/scroller'], returnFirstDependency);621        define('navdrawer', [bowerPath + '/navdrawer/navdrawer'], returnFirstDependency);622        define('emby-button', [elementsPath + '/emby-button/emby-button'], returnFirstDependency);623        define('paper-icon-button-light', [elementsPath + '/emby-button/paper-icon-button-light'], returnFirstDependency);624        define('emby-checkbox', [elementsPath + '/emby-checkbox/emby-checkbox'], returnFirstDependency);625        define('emby-collapse', [elementsPath + '/emby-collapse/emby-collapse'], returnFirstDependency);626        define('emby-input', [elementsPath + '/emby-input/emby-input'], returnFirstDependency);627        define('emby-progressring', [elementsPath + '/emby-progressring/emby-progressring'], returnFirstDependency);628        define('emby-radio', [elementsPath + '/emby-radio/emby-radio'], returnFirstDependency);629        define('emby-select', [elementsPath + '/emby-select/emby-select'], returnFirstDependency);630        define('emby-slider', [elementsPath + '/emby-slider/emby-slider'], returnFirstDependency);631        define('emby-textarea', [elementsPath + '/emby-textarea/emby-textarea'], returnFirstDependency);632        define('emby-toggle', [elementsPath + '/emby-toggle/emby-toggle'], returnFirstDependency);633        define('emby-scroller', [elementsPath + '/emby-scroller/emby-scroller'], returnFirstDependency);634        define('emby-tabs', [elementsPath + '/emby-tabs/emby-tabs'], returnFirstDependency);635        define('emby-scrollbuttons', [elementsPath + '/emby-scrollbuttons/emby-scrollbuttons'], returnFirstDependency);636        define('emby-itemrefreshindicator', [elementsPath + '/emby-itemrefreshindicator/emby-itemrefreshindicator'], returnFirstDependency);637        define('emby-itemscontainer', [elementsPath + '/emby-itemscontainer/emby-itemscontainer'], returnFirstDependency);638        define('emby-playstatebutton', [elementsPath + '/emby-playstatebutton/emby-playstatebutton'], returnFirstDependency);639        define('emby-ratingbutton', [elementsPath + '/emby-ratingbutton/emby-ratingbutton'], returnFirstDependency);640        define('emby-progressbar', [elementsPath + '/emby-progressbar/emby-progressbar'], returnFirstDependency);641        define('emby-programcell', [elementsPath + '/emby-programcell/emby-programcell'], returnFirstDependency);642        define('webSettings', [scriptsPath + '/settings/webSettings'], returnFirstDependency);643        define('appSettings', [scriptsPath + '/settings/appSettings'], returnFirstDependency);644        define('userSettings', [scriptsPath + '/settings/userSettings'], returnFirstDependency);645        define('chromecastHelper', [componentsPath + '/chromecast/chromecasthelpers'], returnFirstDependency);646        define('mediaSession', [componentsPath + '/playback/mediasession'], returnFirstDependency);647        define('actionsheet', [componentsPath + '/actionSheet/actionSheet'], returnFirstDependency);648        define('tunerPicker', [componentsPath + '/tunerPicker'], returnFirstDependency);649        define('mainTabsManager', [componentsPath + '/maintabsmanager'], returnFirstDependency);650        define('imageLoader', [componentsPath + '/images/imageLoader'], returnFirstDependency);651        define('directorybrowser', [componentsPath + '/directorybrowser/directorybrowser'], returnFirstDependency);652        define('metadataEditor', [componentsPath + '/metadataEditor/metadataEditor'], returnFirstDependency);653        define('personEditor', [componentsPath + '/metadataEditor/personEditor'], returnFirstDependency);654        define('playerSelectionMenu', [componentsPath + '/playback/playerSelectionMenu'], returnFirstDependency);655        define('playerSettingsMenu', [componentsPath + '/playback/playersettingsmenu'], returnFirstDependency);656        define('playMethodHelper', [componentsPath + '/playback/playmethodhelper'], returnFirstDependency);657        define('brightnessOsd', [componentsPath + '/playback/brightnessosd'], returnFirstDependency);658        define('alphaNumericShortcuts', [scriptsPath + '/alphanumericshortcuts'], returnFirstDependency);659        define('multiSelect', [componentsPath + '/multiSelect/multiSelect'], returnFirstDependency);660        define('alphaPicker', [componentsPath + '/alphaPicker/alphaPicker'], returnFirstDependency);661        define('tabbedView', [componentsPath + '/tabbedview/tabbedview'], returnFirstDependency);662        define('itemsTab', [componentsPath + '/tabbedview/itemstab'], returnFirstDependency);663        define('collectionEditor', [componentsPath + '/collectionEditor/collectionEditor'], returnFirstDependency);664        define('serverRestartDialog', [componentsPath + '/serverRestartDialog'], returnFirstDependency);665        define('playlistEditor', [componentsPath + '/playlisteditor/playlisteditor'], returnFirstDependency);666        define('recordingCreator', [componentsPath + '/recordingcreator/recordingcreator'], returnFirstDependency);667        define('recordingEditor', [componentsPath + '/recordingcreator/recordingeditor'], returnFirstDependency);668        define('seriesRecordingEditor', [componentsPath + '/recordingcreator/seriesrecordingeditor'], returnFirstDependency);669        define('recordingFields', [componentsPath + '/recordingcreator/recordingfields'], returnFirstDependency);670        define('recordingButton', [componentsPath + '/recordingcreator/recordingbutton'], returnFirstDependency);671        define('recordingHelper', [componentsPath + '/recordingcreator/recordinghelper'], returnFirstDependency);672        define('subtitleEditor', [componentsPath + '/subtitleeditor/subtitleeditor'], returnFirstDependency);673        define('subtitleSync', [componentsPath + '/subtitlesync/subtitlesync'], returnFirstDependency);674        define('itemIdentifier', [componentsPath + '/itemidentifier/itemidentifier'], returnFirstDependency);675        define('itemMediaInfo', [componentsPath + '/itemMediaInfo/itemMediaInfo'], returnFirstDependency);676        define('mediaInfo', [componentsPath + '/mediainfo/mediainfo'], returnFirstDependency);677        define('itemContextMenu', [componentsPath + '/itemContextMenu'], returnFirstDependency);678        define('imageEditor', [componentsPath + '/imageeditor/imageeditor'], returnFirstDependency);679        define('imageDownloader', [componentsPath + '/imageDownloader/imageDownloader'], returnFirstDependency);680        define('dom', [scriptsPath + '/dom'], returnFirstDependency);681        define('playerStats', [componentsPath + '/playerstats/playerstats'], returnFirstDependency);682        define('searchFields', [componentsPath + '/search/searchfields'], returnFirstDependency);683        define('searchResults', [componentsPath + '/search/searchresults'], returnFirstDependency);684        define('upNextDialog', [componentsPath + '/upnextdialog/upnextdialog'], returnFirstDependency);685        define('subtitleAppearanceHelper', [componentsPath + '/subtitlesettings/subtitleappearancehelper'], returnFirstDependency);686        define('subtitleSettings', [componentsPath + '/subtitlesettings/subtitlesettings'], returnFirstDependency);687        define('displaySettings', [componentsPath + '/displaySettings/displaySettings'], returnFirstDependency);688        define('playbackSettings', [componentsPath + '/playbackSettings/playbackSettings'], returnFirstDependency);689        define('homescreenSettings', [componentsPath + '/homeScreenSettings/homeScreenSettings'], returnFirstDependency);690        define('playbackManager', [componentsPath + '/playback/playbackmanager'], getPlaybackManager);691        define('layoutManager', [componentsPath + '/layoutManager', 'apphost'], getLayoutManager);692        define('homeSections', [componentsPath + '/homesections/homesections'], returnFirstDependency);693        define('playMenu', [componentsPath + '/playmenu'], returnFirstDependency);694        define('refreshDialog', [componentsPath + '/refreshdialog/refreshdialog'], returnFirstDependency);695        define('backdrop', [componentsPath + '/backdrop/backdrop'], returnFirstDependency);696        define('fetchHelper', [componentsPath + '/fetchhelper'], returnFirstDependency);697        define('cardBuilder', [componentsPath + '/cardbuilder/cardBuilder'], returnFirstDependency);698        define('peoplecardbuilder', [componentsPath + '/cardbuilder/peoplecardbuilder'], returnFirstDependency);699        define('chaptercardbuilder', [componentsPath + '/cardbuilder/chaptercardbuilder'], returnFirstDependency);700        define('deleteHelper', [scriptsPath + '/deleteHelper'], returnFirstDependency);701        define('tvguide', [componentsPath + '/guide/guide'], returnFirstDependency);702        define('guide-settings-dialog', [componentsPath + '/guide/guide-settings'], returnFirstDependency);703        define('loadingDialog', [componentsPath + '/loadingDialog/loadingDialog'], returnFirstDependency);704        define('viewManager', [componentsPath + '/viewManager/viewManager'], function (viewManager) {705            window.ViewManager = viewManager;706            viewManager.dispatchPageEvents(true);707            return viewManager;708        });709        define('slideshow', [componentsPath + '/slideshow/slideshow'], returnFirstDependency);710        define('focusPreventScroll', ['legacy/focusPreventScroll'], returnFirstDependency);711        define('userdataButtons', [componentsPath + '/userdatabuttons/userdatabuttons'], returnFirstDependency);712        define('listView', [componentsPath + '/listview/listview'], returnFirstDependency);713        define('indicators', [componentsPath + '/indicators/indicators'], returnFirstDependency);714        define('viewSettings', [componentsPath + '/viewsettings/viewsettings'], returnFirstDependency);715        define('filterMenu', [componentsPath + '/filtermenu/filtermenu'], returnFirstDependency);716        define('sortMenu', [componentsPath + '/sortmenu/sortmenu'], returnFirstDependency);717        define('sanitizefilename', [componentsPath + '/sanitizeFilename'], returnFirstDependency);718        define('toast', [componentsPath + '/toast/toast'], returnFirstDependency);719        define('scrollHelper', [scriptsPath + '/scrollHelper'], returnFirstDependency);720        define('touchHelper', [scriptsPath + '/touchHelper'], returnFirstDependency);721        define('imageUploader', [componentsPath + '/imageUploader/imageUploader'], returnFirstDependency);722        define('htmlMediaHelper', [componentsPath + '/htmlMediaHelper'], returnFirstDependency);723        define('viewContainer', [componentsPath + '/viewContainer'], returnFirstDependency);724        define('dialogHelper', [componentsPath + '/dialogHelper/dialogHelper'], returnFirstDependency);725        define('serverNotifications', [scriptsPath + '/serverNotifications'], returnFirstDependency);726        define('skinManager', [componentsPath + '/skinManager'], returnFirstDependency);727        define('keyboardnavigation', [scriptsPath + '/keyboardNavigation'], returnFirstDependency);728        define('mouseManager', [scriptsPath + '/mouseManager'], returnFirstDependency);729        define('scrollManager', [componentsPath + '/scrollManager'], returnFirstDependency);730        define('autoFocuser', [componentsPath + '/autoFocuser'], returnFirstDependency);731        define('connectionManager', [], function () {732            return ConnectionManager;733        });734        define('apiClientResolver', [], function () {735            return function () {736                return window.ApiClient;737            };738        });739        define('appRouter', [componentsPath + '/appRouter', 'itemHelper'], function (appRouter, itemHelper) {740            function showItem(item, serverId, options) {741                if ('string' == typeof item) {742                    require(['connectionManager'], function (connectionManager) {743                        var apiClient = connectionManager.currentApiClient();744                        apiClient.getItem(apiClient.getCurrentUserId(), item).then(function (item) {745                            appRouter.showItem(item, options);746                        });747                    });748                } else {749                    if (2 == arguments.length) {750                        options = arguments[1];751                    }752                    appRouter.show('/' + appRouter.getRouteUrl(item, options), {753                        item: item754                    });755                }756            }757            appRouter.showLocalLogin = function (serverId, manualLogin) {758                Dashboard.navigate('login.html?serverid=' + serverId);759            };760            appRouter.showVideoOsd = function () {761                return Dashboard.navigate('videoosd.html');762            };763            appRouter.showSelectServer = function () {764                Dashboard.navigate(AppInfo.isNativeApp ? 'selectserver.html' : 'login.html');765            };766            appRouter.showWelcome = function () {767                Dashboard.navigate(AppInfo.isNativeApp ? 'selectserver.html' : 'login.html');768            };769            appRouter.showSettings = function () {770                Dashboard.navigate('mypreferencesmenu.html');771            };772            appRouter.showGuide = function () {773                Dashboard.navigate('livetv.html?tab=1');774            };775            appRouter.goHome = function () {776                Dashboard.navigate('home.html');777            };778            appRouter.showSearch = function () {779                Dashboard.navigate('search.html');780            };781            appRouter.showLiveTV = function () {782                Dashboard.navigate('livetv.html');783            };784            appRouter.showRecordedTV = function () {785                Dashboard.navigate('livetv.html?tab=3');786            };787            appRouter.showFavorites = function () {788                Dashboard.navigate('home.html?tab=1');789            };790            appRouter.showSettings = function () {791                Dashboard.navigate('mypreferencesmenu.html');792            };793            appRouter.setTitle = function (title) {794                LibraryMenu.setTitle(title);795            };796            appRouter.getRouteUrl = function (item, options) {797                if (!item) {798                    throw new Error('item cannot be null');799                }800                if (item.url) {801                    return item.url;802                }803                var context = options ? options.context : null;804                var id = item.Id || item.ItemId;805                if (!options) {806                    options = {};807                }808                var url;809                var itemType = item.Type || (options ? options.itemType : null);810                var serverId = item.ServerId || options.serverId;811                if ('settings' === item) {812                    return 'mypreferencesmenu.html';813                }814                if ('wizard' === item) {815                    return 'wizardstart.html';816                }817                if ('manageserver' === item) {818                    return 'dashboard.html';819                }820                if ('recordedtv' === item) {821                    return 'livetv.html?tab=3&serverId=' + options.serverId;822                }823                if ('nextup' === item) {824                    return 'list.html?type=nextup&serverId=' + options.serverId;825                }826                if ('list' === item) {827                    var url = 'list.html?serverId=' + options.serverId + '&type=' + options.itemTypes;828                    if (options.isFavorite) {829                        url += '&IsFavorite=true';830                    }831                    return url;832                }833                if ('livetv' === item) {834                    if ('programs' === options.section) {835                        return 'livetv.html?tab=0&serverId=' + options.serverId;836                    }837                    if ('guide' === options.section) {838                        return 'livetv.html?tab=1&serverId=' + options.serverId;839                    }840                    if ('movies' === options.section) {841                        return 'list.html?type=Programs&IsMovie=true&serverId=' + options.serverId;842                    }843                    if ('shows' === options.section) {844                        return 'list.html?type=Programs&IsSeries=true&IsMovie=false&IsNews=false&serverId=' + options.serverId;845                    }846                    if ('sports' === options.section) {847                        return 'list.html?type=Programs&IsSports=true&serverId=' + options.serverId;848                    }849                    if ('kids' === options.section) {850                        return 'list.html?type=Programs&IsKids=true&serverId=' + options.serverId;851                    }852                    if ('news' === options.section) {853                        return 'list.html?type=Programs&IsNews=true&serverId=' + options.serverId;854                    }855                    if ('onnow' === options.section) {856                        return 'list.html?type=Programs&IsAiring=true&serverId=' + options.serverId;857                    }858                    if ('dvrschedule' === options.section) {859                        return 'livetv.html?tab=4&serverId=' + options.serverId;860                    }861                    if ('seriesrecording' === options.section) {862                        return 'livetv.html?tab=5&serverId=' + options.serverId;863                    }864                    return 'livetv.html?serverId=' + options.serverId;865                }866                if ('SeriesTimer' == itemType) {867                    return 'itemdetails.html?seriesTimerId=' + id + '&serverId=' + serverId;868                }869                if ('livetv' == item.CollectionType) {870                    return 'livetv.html';871                }872                if ('Genre' === item.Type) {873                    url = 'list.html?genreId=' + item.Id + '&serverId=' + serverId;874                    if ('livetv' === context) {875                        url += '&type=Programs';876                    }877                    if (options.parentId) {878                        url += '&parentId=' + options.parentId;879                    }880                    return url;881                }882                if ('MusicGenre' === item.Type) {883                    url = 'list.html?musicGenreId=' + item.Id + '&serverId=' + serverId;884                    if (options.parentId) {885                        url += '&parentId=' + options.parentId;886                    }887                    return url;888                }889                if ('Studio' === item.Type) {890                    url = 'list.html?studioId=' + item.Id + '&serverId=' + serverId;891                    if (options.parentId) {892                        url += '&parentId=' + options.parentId;893                    }894                    return url;895                }896                if ('folders' !== context && !itemHelper.isLocalItem(item)) {897                    if ('movies' == item.CollectionType) {898                        url = 'movies.html?topParentId=' + item.Id;899                        if (options && 'latest' === options.section) {900                            url += '&tab=1';901                        }902                        return url;903                    }904                    if ('tvshows' == item.CollectionType) {905                        url = 'tv.html?topParentId=' + item.Id;906                        if (options && 'latest' === options.section) {907                            url += '&tab=2';908                        }909                        return url;910                    }911                    if ('music' == item.CollectionType) {912                        return 'music.html?topParentId=' + item.Id;913                    }914                }915                var itemTypes = ['Playlist', 'TvChannel', 'Program', 'BoxSet', 'MusicAlbum', 'MusicGenre', 'Person', 'Recording', 'MusicArtist'];916                if (itemTypes.indexOf(itemType) >= 0) {917                    return 'itemdetails.html?id=' + id + '&serverId=' + serverId;918                }919                var contextSuffix = context ? '&context=' + context : '';920                if ('Series' == itemType || 'Season' == itemType || 'Episode' == itemType) {921                    return 'itemdetails.html?id=' + id + contextSuffix + '&serverId=' + serverId;922                }923                if (item.IsFolder) {924                    if (id) {925                        return 'list.html?parentId=' + id + '&serverId=' + serverId;926                    }927                    return '#';928                }929                return 'itemdetails.html?id=' + id + '&serverId=' + serverId;930            };931            appRouter.showItem = showItem;932            return appRouter;933        });934    })();935    return require(['browser'], onWebComponentsReady);936}();937pageClassOn('viewshow', 'standalonePage', function () {938    document.querySelector('.skinHeader').classList.add('noHeaderRight');939});940pageClassOn('viewhide', 'standalonePage', function () {941    document.querySelector('.skinHeader').classList.remove('noHeaderRight');...

unique-resource-name.test.ts

Source:unique-resource-name.test.ts

1import { createHash } from 'crypto';2import { makeUniqueResourceName } from '../../lib/private/unique-resource-name';3const pathHash = (path: string[]): string => {4  return createHash('md5').update(path.join('/')).digest('hex').slice(0, 8).toUpperCase();5};6describe('makeUniqueResourceName tests', () => {7  test('unique resource name is just resource name when the resource is top level, short enough, has no nonalphanumeric characters', () => {8    const uniqueResourceName = makeUniqueResourceName(['toplevelresource'], {});9    expect(uniqueResourceName).toEqual('toplevelresource');10  });11  test('unique resource name is shortened with a hash added when resource is top level and resource name is too long', () => {12    const tooLongName = ['anamethatisslightlylongerthan256charactersthatisalsoatoplevelresourcesothereisonlyonevalueinthisarrayandapparentlybrevityisnotthestrongpointofthepersonwhonamedthisresourcewhichIbettheywillcometoregretlaterbutitiswhatitisanywhodlethisfunctionshouldshortenthis'];13    const uniqueResourceName = makeUniqueResourceName(tooLongName, {});14    const expectedName = `anamethatisslightlylongerthan256charactersthatisalsoatoplevelresourcesothereisonlyonevalueinthisarrayandapparentlybrevityisngpointofthepersonwhonamedthisresourcewhichIbettheywillcometoregretlaterbutitiswhatitisanywhodlethisfunctionshouldshortenthis${pathHash(tooLongName)}`;15    expect(uniqueResourceName).toEqual(expectedName);16    expect(uniqueResourceName.length).toEqual(256);17  });18  test('unique resource name removes special characters when resource is top level', () => {19    const componentsPath = ['I-love-special-characters-Â¯\\\_(ã)_/Â¯-for-real-though'];20    const expectedName = 'Ilovespecialcharactersforrealthough';21    expect(makeUniqueResourceName(componentsPath, {})).toEqual(expectedName);22  });23  test('unique resource name shortens from the middle and adds a hash when maxLength is defined, resource is top level, and resource name is longer than max', () => {24    const componentsPath = ['ThisIsStillLongerThanTheAllowedLength'];25    const expectedName = `ThisIsLength${pathHash(componentsPath)}`;26    expect(makeUniqueResourceName(componentsPath, { maxLength: 20 })).toEqual(expectedName);27  });28  test('unique resource name shortens from the middle and adds a hash when maxLength is defined, resource is top level, resource name is longer than max, and separator is provided', () => {29    const componentsPath = ['ThisIsStillLongerThanTheAllowedLength'];30    const expectedName = `ThisIsength-${pathHash(componentsPath)}`;31    expect(makeUniqueResourceName(componentsPath, { maxLength: 20, separator: '-' })).toEqual(expectedName);32  });33  test('unique resource name removes special characters and makes no other changes when resouce is top level and too long with special characters but proper length without', () => {34    const tooLongName = ['a-name-that-is-slightly-longer-than-256-characters-that-is-also-a-top-level-resource-so-there-is-only-one-value-in-this-array-and-apparently-brevity-is-not-the-strong-point-of-the-person-who-named-this-resource-which-I-bet-they-will-come-to-regret-later-but-it-is-what-it-is'];35    const expectedName = 'anamethatisslightlylongerthan256charactersthatisalsoatoplevelresourcesothereisonlyonevalueinthisarrayandapparentlybrevityisnotthestrongpointofthepersonwhonamedthisresourcewhichIbettheywillcometoregretlaterbutitiswhatitis';36    expect(makeUniqueResourceName(tooLongName, {})).toEqual(expectedName);37  });38  test('unique resource name leaves in allowed special characters and adds no hash when resource is top level and resouce name is short enougn', () => {39    const componentsPath = ['Â¯\\\_(ã)_/Â¯-shruggie-gets-to-stay-Â¯\\\_(ã)_/Â¯'];40    const expectedName = 'Â¯\_(ã)_/Â¯shruggiegetstostayÂ¯\_(ã)_/Â¯';41    expect(makeUniqueResourceName(componentsPath, { allowedSpecialCharacters: 'Â¯\\\_(ã)/', maxLength: 200 })).toEqual(expectedName);42  });43  test('unique resource name leaves in allowed special characters and adds no hash or separators when resource is top level and resouce name is short enougn', () => {44    const componentsPath = ['Â¯\\\_(ã)_/Â¯-shruggie-gets-to-stay-Â¯\\\_(ã)_/Â¯'];45    const expectedName = 'Â¯\_(ã)_/Â¯shruggiegetstostayÂ¯\_(ã)_/Â¯';46    expect(makeUniqueResourceName(componentsPath, { allowedSpecialCharacters: 'Â¯\\\_(ã)/', maxLength: 200, separator: '-' })).toEqual(expectedName);47  });48  test('unique resource name is shortened with a hash and separator added when resource is top level, resource name is too long, and separator is provided', () => {49    const tooLongName = ['anamethatisslightlylongerthan256charactersthatisalsoatoplevelresourcesothereisonlyonevalueinthisarrayandapparentlybrevityisnotthestrongpointofthepersonwhonamedthisresourcewhichIbettheywillcometoregretlaterbutitiswhatitisanywhodlethisfunctionshouldshortenthis'];50    const uniqueResourceName = makeUniqueResourceName(tooLongName, { separator: '~' });51    const expectedName = `anamethatisslightlylongerthan256charactersthatisalsoatoplevelresourcesothereisonlyonevalueinthisarrayandapparentlybrevityisnpointofthepersonwhonamedthisresourcewhichIbettheywillcometoregretlaterbutitiswhatitisanywhodlethisfunctionshouldshortenthis~${pathHash(tooLongName)}`;52    expect(uniqueResourceName).toEqual(expectedName);53    expect(uniqueResourceName.length).toEqual(256);54  });55  test('unique resource name removes special characters when they are included in the components names', () => {56    const componentsPath = ['I', 'love', 'special', 'characters', 'Â¯\\\_(ã)_/Â¯', 'for', 'real', 'though'];57    const expectedName = `Ilovespecialcharactersforrealthough${pathHash(componentsPath)}`;58    expect(makeUniqueResourceName(componentsPath, {})).toEqual(expectedName);59  });60  test('unique resource name removes special characters that are not allow listed and leaves the allowed ones', () => {61    const componentsPath = ['I-love-special-characters-', 'Â¯\\\_(ã)_/Â¯', '-for-real-though-'];62    const expectedName = `I-love-special-characters--for-real-though-${pathHash(componentsPath)}`;63    expect(makeUniqueResourceName(componentsPath, { allowedSpecialCharacters: '-' })).toEqual(expectedName);64  });65  test('unique resource name adds in separator and adds hash when separator is provided and name is not too long', () => {66    const componentsPath = ['This', 'unique', 'resource', 'name', 'needs', 'a', 'separator'];67    const expectedName = `This.*.unique.*.resource.*.name.*.needs.*.a.*.separator.*.${pathHash(componentsPath)}`;68    expect(makeUniqueResourceName(componentsPath, { separator: '.*.' })).toEqual(expectedName);69  });70  test('unique resource name adds in separator, adds hash, and shortens name when separator is provided and name too long', () => {71    const componentsPath = ['This', 'unique', 'resource', 'name', 'is', 'longer', 'than', 'allowed'];72    const expectedName = `This/unique/resourcelonger/than/allowed/${pathHash(componentsPath)}`;73    expect(makeUniqueResourceName(componentsPath, { maxLength: 48, separator: '/' })).toEqual(expectedName);74  });...

Using AI Code Generation

1import { componentsPath } from 'storybook-root-decorator';2import { storiesOf } from '@storybook/react';3import { withInfo } from '@storybook/addon-info';4import { withRootDecorator } from 'storybook-root-decorator';5const componentsPath = componentsPath('./src/components');6storiesOf('Button', module)7  .addDecorator(withRootDecorator(componentsPath))8  .add(9    withInfo('A simple button')(() => (10      <Button onClick={action('clicked')}>Hello Button</Button>11  );12import React from 'react';13import PropTypes from 'prop-types';14import styles from './Button.css';15const Button = ({ children, onClick }) => (16  <button className={styles.Button} onClick={onClick}>17    {children}18);19Button.propTypes = {20};21export default Button;22.Button {23  display: inline-block;24  border-radius: 3px;25  padding: 0.5rem 0;26  margin: 0.5rem 1rem;27  width: 11rem;28  background: transparent;29  color: palevioletred;30  border: 2px solid palevioletred;31}32import Button from './Button';33export default Button;34import React from 'react';35import { storiesOf } from '@storybook/react';36import { action } from '@storybook/addon-actions';37import { withInfo } from '@storybook/addon-info';38import Button from './Button';39storiesOf('Button', module)40  .add(41    withInfo('A simple button')(() => (42      <Button onClick={action('clicked')}>Hello Button</Button>43  .add(44    withInfo('A simple button')(() => (45      <Button onClick={action

Using AI Code Generation

1import { componentsPath } from "storybook-root-decorator";2import { storiesOf } from "@storybook/react";3import { withInfo } from "@storybook/addon-info";4import { withKnobs } from "@storybook/addon-knobs";5import { withRootDecorator } from "storybook-root-decorator";6import { withRootDecorator } from "storybook-root-decorator";7import { withRootDecorator } from "storybook-root-decorator";8storiesOf("MyComponent", module)9  .addDecorator(withRootDecorator())10  .addDecorator(withInfo)11  .addDecorator(withKnobs)12  .add("with text", () => <MyComponent />, {13    info: {14    }15  });16import React from "react";17import PropTypes from "prop-types";18import { componentsPath } from "storybook-root-decorator";19const MyComponent = props => {20  return <div>MyComponent</div>;21};22MyComponent.propTypes = {};23export default MyComponent;24import { storiesOf } from "@storybook/react";25import { withInfo } from "@storybook/addon-info";26import { withKnobs } from "@storybook/addon-knobs";27import { withRootDecorator } from "storybook-root-decorator";28import { withRootDecorator } from "storybook-root-decorator";29import { withRootDecorator } from "storybook-root-decorator";30storiesOf("MyComponent", module)31  .addDecorator(withRootDecorator())32  .addDecorator(withInfo)33  .addDecorator(withKnobs)34  .add("with text", () => <MyComponent />, {35    info: {36    }37  });38MIT © [gautamkrishnar](

Using AI Code Generation

1import { componentsPath } from 'storybook-root-decorator';2const componentsPath = require('storybook-root-decorator').componentsPath;3import { configure, addDecorator } from '@storybook/react';4import { withRootDecorator } from 'storybook-root-decorator';5addDecorator(withRootDecorator);6const { withRootDecorator } = require('storybook-root-decorator');7withRootDecorator();8const { configure, addDecorator } = require('@storybook/react');9const { withRootDecorator } = require('storybook-root-decorator');10addDecorator(withRootDecorator);11import { configure, addDecorator } from '@storybook/react';12import withRootDecorator from 'storybook-root-decorator';13addDecorator(withRootDecorator);14const { configure, addDecorator } = require('@storybook/react');15const withRootDecorator = require('storybook-root-decorator');16addDecorator(withRootDecorator);17import { configure, addDecorator } from '@storybook/react';18import withRootDecorator from 'storybook-root-decorator';19addDecorator(withRootDecorator);20const { configure, addDecorator } = require('@storybook/react');21const withRootDecorator = require('storybook-root-decorator');22addDecorator(withRootDecorator);23import { configure, addDecorator } from '@storybook/react';24import { withRootDecorator } from 'storybook-root-decorator';25addDecorator(withRootDecorator);26const { configure, addDecorator } = require('@storybook/react');27const { withRootDecorator } = require('storybook-root-decorator');28addDecorator(withRootDecorator);29const { configure, addDecorator } = require('@storybook/react');30const { withRootDecorator } = require('storybook-root-decor

Using AI Code Generation

1import { componentsPath } from 'storybook-root-decorator';2import { componentsPath } from 'storybook-root-decorator';3import { configure } from '@storybook/react';4import { addDecorator } from '@storybook/react';5import { componentsPath } from 'storybook-root-decorator';6addDecorator(componentsPath(__dirname));7addDecorator(componentsPath(__dirname));8configure(require.context('../src', true, /\.stories\.js$/), module);9import { configure } from '@storybook/react';10import { addDecorator } from '@storybook/react';11import { componentsPath } from 'storybook-root-decorator';12addDecorator(componentsPath(__dirname));13addDecorator(componentsPath(__dirname));14configure(require.context('../src', true, /\.stories\.js$/), module);15import { configure } from '@storybook/react';16import { addDecorator } from '@storybook/react';17import { componentsPath } from 'storybook-root-decorator';18addDecorator(componentsPath(__dirname));19addDecorator(componentsPath(__dirname));20configure(require.context('../src', true, /\.stories\.js$/), module);21import { configure } from '@storybook/react';22import { addDecorator } from '@storybook/react';23import { componentsPath } from 'storybook-root-decorator';24addDecorator(componentsPath(__dirname));25addDecorator(componentsPath(__dirname));26configure(require.context('../src', true, /\.stories\.js$/), module);27import { configure } from '@storybook/react';28import { addDecorator } from '@storybook/react';29import { componentsPath } from 'storybook-root-decorator';

Using AI Code Generation

1import { componentsPath } from 'storybook-root-decorator';2import componentsPath from 'storybook-root-decorator/componentsPath';3import { componentsPath } from 'storybook-root-decorator';4import componentsPath from 'storybook-root-decorator/dist/componentsPath';5import { componentsPath } from 'storybook-root-decorator/dist/componentsPath';6import componentsPath from 'storybook-root-decorator/dist/componentsPath/componentsPath';7import { componentsPath } from 'storybook-root-decorator/dist/componentsPath/componentsPath';8import componentsPath from 'storybook-root-decorator/dist/componentsPath/componentsPath.js';9import { componentsPath } from 'storybook-root-decorator/dist/componentsPath/componentsPath.js';10import componentsPath from 'storybook-root-decorator/dist/componentsPath/componentsPath.js';11import { componentsPath } from 'storybook-root-decorator/dist/componentsPath/componentsPath.js';12import componentsPath from 'storybook-root-decorator/dist/componentsPath/componentsPath.js';13import { componentsPath } from 'storybook-root-decorator/dist/componentsPath/componentsPath.js';14import componentsPath from 'storybook-root-decorator/dist/componentsPath/componentsPath.js';15import { componentsPath } from 'storybook-root-decorator/dist/componentsPath/componentsPath.js';16import componentsPath from 'storybook-root-decorator/dist/componentsPath/componentsPath.js';

Using AI Code Generation

1import { componentsPath } from 'storybook-root-decorator';2import { componentPath } from 'storybook-root-decorator';3import { storybookRoot } from 'storybook-root-decorator';4import { storybookConfig } from 'storybook-root-decorator';5import { storybookConfig } from 'storybook-root-decorator';6import { storybookConfig } from 'storybook-root-decorator';7import { storybookConfig } from 'storybook-root-decorator';8import { storybookConfig } from 'storybook-root-decorator';9import { storybookConfig } from 'storybook-root-decorator';10import { storybookConfig } from 'storybook-root-decorator';11import { storybookConfig } from 'storybook-root-decorator';12import { storybookConfig } from 'storybook-root-decorator';

Using AI Code Generation

1import { componentsPath } from 'storybook-root-require';2console.log(componentsPath());3import { storiesPath } from 'storybook-root-require';4console.log(storiesPath());5import { rootPath } from 'storybook-root-require';6console.log(rootPath());7import { storybookPath } from 'storybook-root-require';8console.log(storybookPath());9import { storybookConfigPath } from 'storybook-root-require';10console.log(storybookConfigPath());11import { storybookPreviewPath } from 'storybook-root-require';12console.log(storybookPreviewPath());13import { storybookAddonsPath } from 'storybook-root-require';14console.log(storybookAddonsPath());15import { storybookConfigDirPath } from 'storybook-root-require';16console.log(storybookConfigDirPath());17import { storybookConfigDirPath } from 'storybook-root-require';18console.log(storybookConfigDirPath());

Using AI Code Generation

1import { componentsPath } from 'storybook-root-decorator';2componentsPath('../src/components');3import { withRootDecorator } from 'storybook-root-decorator';4export const decorators = [withRootDecorator];5import { componentsPath } from 'storybook-root-decorator';6componentsPath('../src/components');7import { withRootDecorator } from 'storybook-root-decorator';8export const decorators = [withRootDecorator];9import { componentsPath } from 'storybook-root-decorator';10componentsPath('../src/components');11import { withRootDecorator } from 'storybook-root-decorator';12export const decorators = [withRootDecorator];13import { componentsPath } from 'storybook-root-decorator';14componentsPath('../src/components');15import { withRootDecorator } from 'storybook-root-decorator';16export const decorators = [withRootDecorator];17import { componentsPath } from 'storybook-root-decorator';18componentsPath('../src/components');19import { withRootDecorator } from 'storybook-root-decorator';20export const decorators = [withRootDecorator];21import { componentsPath } from 'storybook-root-decorator';22componentsPath('../src/components');23import { withRootDecorator } from 'storybook-root-decorator';24export const decorators = [withRootDecorator];

Using AI Code Generation

1import { componentsPath } from 'storybook-root-decorator'2const components = componentsPath('./components')3import { componentPath } from 'storybook-root-decorator'4const button = componentPath('button')5import { componentPath } from 'storybook-root-decorator'6const button = componentPath('button')7import { componentPath } from 'storybook-root-decorator'8const button = componentPath('button')9import { componentPath } from 'storybook-root-decorator'10const button = componentPath('button')11import { componentPath } from 'storybook-root-decorator'12const button = componentPath('button')13import { componentPath } from 'storybook-root-decorator'14const button = componentPath('button')15import { componentPath } from 'storybook-root-decorator'16const button = componentPath('button')17import { componentPath } from 'storybook-root-decorator'18const button = componentPath('button')

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.