How to use relativePattern method in storybook-root

Best JavaScript code snippet using storybook-root

config.ts

Source:config.ts

1import * as child_process from 'child_process';2import * as vscode from 'vscode';3import { getStackIdeTargets } from '../utils';4import * as hie from './hie-bios';5import * as path from 'path';6/**7 * The key of a configuration, if applicable. Designed to be deterministically8 * serializable (see `configKeyToString`).9 */10export interface ConfigKey {11    type: string;12    [k: string]: string;13}14/**15 * Deterministically serialize a ConfigKey to a string, for use in equality16 * comparison and tables. The format is compatible with JSON.17 *18 * @param key Key object to serialize19 */20export function configKeyToString(key: ConfigKey): string {21    const keys = Object.keys(key).sort();22    const fmt = JSON.stringify.bind(JSON);23    const gen = (k: string) => `${fmt(k)}:${fmt(key[k])}`;24    return '{' + keys.map(gen).join(',') + '}';25}26export interface Configuration {27    /**28     * Identifies whether the underlying GHCi process is sharable. If two29     * configurations have a sharing key and the key is the same, they can share30     * a GHCi.31     */32    key: null | ConfigKey ;33    /**34     * The command to run, in the form of shell command string or argument list35     */36    command: string | string[];37    /**38     * The directory to run command in39     */40    cwd?: string,41    /**42     * When files listed here change, the configuration is invalidated43     */44    dependencies: vscode.GlobPattern[];45}46const stackOptions = ["--no-terminal", "--color", "never"]47/** Detect if stack is available */48function hasStack(): Promise<boolean> {49    const opts = { timeout: 5000 };50    return new Promise<boolean>((resolve, reject) => {51        child_process.exec(52            'stack --help',53            opts,54            (err, stdout, stderr) => {55                if (err) resolve(false);56                else resolve(true);57            }58        )59    });60}61/**62 * Configuration for a single file63 *64 * @param cwd The working directory associated with the file65 */66async function singleConfig(cwd?: string): Promise<Configuration> {67    if (await hasStack()) {68        return {69            key: null,70            command: 'stack exec ghci',71            cwd,72            dependencies: []73        };74    } else {75        return {76            key: null,77            command: 'ghci',78            cwd,79            dependencies: []80        }81    }82}83const alreadyShown = new Set();84function handleReplCommandTrust(85    workspaceUri: vscode.Uri,86    replCommand: string87): boolean {88    if (workspaceUri.scheme !== 'file') return false;89    const config = vscode.workspace.getConfiguration('ghcSimple', null);90    const insp = config.inspect('trustedReplCommandConfigs').globalValue ?? {};91    if (insp[workspaceUri.fsPath] === replCommand) {92        return true;93    } else {94        if (! alreadyShown.has(workspaceUri.fsPath)) {95            alreadyShown.add(workspaceUri.fsPath);96            vscode.window.showWarningMessage(97                `This workspace ${workspaceUri.fsPath} wants to run "${replCommand}" to start GHCi.\n\nAllow if you understand this and trust it.`,98                'Allow', 'Ignore'99            ).then((value) => {100                alreadyShown.delete(workspaceUri.fsPath);101                if (value == 'Allow') {102                    const trusted = config.get('trustedReplCommandConfigs');103                    trusted[workspaceUri.fsPath] = replCommand;104                    config.update('trustedReplCommandConfigs', trusted, vscode.ConfigurationTarget.Global);105                }106            })107        }108        return false;109    }110}111/** Configuration for a custom command */112async function customConfig(113    replScope: 'workspace' | 'file',114    replCommand: string,115    workspaceUri: vscode.Uri116): Promise<Configuration | null> {117    if (! handleReplCommandTrust(workspaceUri, replCommand))118        return null;119    if (replCommand.indexOf('$stack_ide_targets') !== -1) {120        const sit = await getStackIdeTargets(workspaceUri);121        replCommand.replace(/\$stack_ide_targets/g, sit.join(' '));122    }123    return {124        key: replScope === 'file'125            ? null126            : { type: 'custom-workspace', uri: workspaceUri.toString() },127        cwd: workspaceUri.fsPath,128        command: replCommand,129        dependencies: []130    };131}132function pathIsPrefix(a: string, b: string): boolean {133    const aLevels = a.split(path.sep);134    const bLevels = b.split(path.sep);135    if (aLevels.length > bLevels.length) return false;136    for (let i = 0; i < aLevels.length; i ++) {137        if (aLevels[i] != bLevels[i]) return false;138    }139    return true;140}141async function hieBiosConfig(142    workspace: vscode.WorkspaceFolder,143    docUri: vscode.Uri144): Promise<Configuration | null> {145    const hieConfig = await hie.getCradleConfig(workspace.uri);146    const findMulti = <A>(multi: hie.Multi<A>): null | (A & hie.HasPath) => {147        let found: null | (A & hie.HasPath) = null;148        for (const cur of multi) {149            const pathUri = vscode.Uri.joinPath(workspace.uri, cur.path);150            if (! pathIsPrefix(pathUri.fsPath, docUri.fsPath)) {151                continue;152            }153            if (found === null || pathIsPrefix(found.path, pathUri.fsPath)) {154                found = cur;155            }156        }157        return found;158    }159    const worker = (config: hie.HieConfig): Configuration => {160        const makeCabalConfig = (component: hie.CabalComponent): Configuration => ({161            key: {162                type: 'hie-bios-cabal',163                uri: workspace.uri.toString(),164                component: component.component165            },166            cwd: workspace.uri.fsPath,167            command: [ 'cabal', 'repl', '--', component.component ],168            dependencies:  [169                ... config.dependencies || [],170                new vscode.RelativePattern(workspace, 'hie.yaml'),171                new vscode.RelativePattern(workspace, '*.cabal')172            ]173        });174        const makeCabalNullConfig = (): Configuration => ({175            key: {176                type: 'hie-bios-cabal-null',177                uri: workspace.uri.toString()178            },179            cwd: workspace.uri.fsPath,180            command: [ 'cabal', 'repl' ],181            dependencies:  [182                ... config.dependencies || [],183                new vscode.RelativePattern(workspace, 'stack.yaml'),184                new vscode.RelativePattern(workspace, 'hie.yaml'),185                new vscode.RelativePattern(workspace, '*.cabal')186            ]187        });188        const makeStackConfig = (189            component: hie.StackComponent,190            defaultStackYaml: string | null191        ): Configuration => {192            const stackYaml = component.stackYaml || defaultStackYaml;193            const stackYamlOpts = stackYaml ? [ '--stack-yaml', stackYaml ] : [];194            const componentOpts = component.component ? [ component.component ] : [];195            return {196                key: {197                    type: 'hie-bios-stack',198                    uri: workspace.uri.toString(),199                    component: component.component200                },201                cwd: workspace.uri.fsPath,202                command: [ 'stack', ...stackOptions, 'repl', '--no-load', ... stackYamlOpts, '--', ... componentOpts ],203                dependencies:  [204                    ... config.dependencies || [],205                    stackYaml || new vscode.RelativePattern(workspace, 'stack.yaml'),206                    new vscode.RelativePattern(workspace, 'hie.yaml'),207                    new vscode.RelativePattern(workspace, '*.cabal'),208                    new vscode.RelativePattern(workspace, 'package.yaml')209                ]210            }211        };212        const makeStackNullConfig = (): Configuration => {213            return {214                key: {215                    type: 'hie-bios-stack-null',216                    uri: workspace.uri.toString()217                },218                cwd: workspace.uri.fsPath,219                command: [ 'stack', ...stackOptions, 'repl', '--no-load' ],220                dependencies:  [221                    ... config.dependencies || [],222                    new vscode.RelativePattern(workspace, 'hie.yaml'),223                    new vscode.RelativePattern(workspace, '*.cabal'),224                    new vscode.RelativePattern(workspace, 'package.yaml')225                ]226            }227        };228        const cradle = config.cradle;229        if ('cabal' in cradle) {230            const go = (components: hie.Multi<hie.CabalComponent>) => {231                const res = findMulti(components);232                if (res === null) {233                    return null;234                } else {235                    return makeCabalConfig(res);236                }237            };238            if (cradle.cabal === null) {239                return makeCabalNullConfig();240            } else if ('components' in cradle.cabal) {241                return go(cradle.cabal.components);242            } else if (Array.isArray(cradle.cabal)) {243                return go(cradle.cabal);244            } else {245                return makeCabalConfig(cradle.cabal);246            }247        } else if ('stack' in cradle) {248            const defaultStackYaml =249                (cradle.stack && 'stackYaml' in cradle.stack) ? cradle.stack.stackYaml : null;250            const go = (components: hie.Multi<hie.StackComponent>) => {251                const res = findMulti(components);252                if (res === null) {253                    return null;254                } else {255                    return makeStackConfig(res, defaultStackYaml);256                }257            };258            if (cradle.stack === null) {259                return makeStackNullConfig();260            } else if ('components' in cradle.stack) {261                return go(cradle.stack.components);262            } else if (Array.isArray(cradle.stack)) {263                return go(cradle.stack);264            } else {265                return makeStackConfig(cradle.stack, defaultStackYaml);266            }267        } else if ('multi' in cradle) {268            const res = findMulti(cradle.multi);269            return worker(res.config);270        } else if ('none' in cradle) {271            return null;272        }273    };274    return worker(hieConfig);275}276/** Detect the configuration of a `TextDocument` */277export async function fileConfig(docUri: vscode.Uri): Promise<Configuration | null> {278    const workspace = vscode.workspace.getWorkspaceFolder(docUri);279    if (! workspace) return singleConfig();280    const config =281        vscode.workspace.getConfiguration('ghcSimple', workspace.uri);282    const replCommand: string = config.replCommand;283    const replScope: 'workspace' | 'file' = config.replScope;284    if (replCommand !== '') {285        // Custom REPL command286        return customConfig(replScope, replCommand, workspace.uri);287    }288    const find = async (pattern: string) =>289        await vscode.workspace.findFiles(290            new vscode.RelativePattern(workspace, pattern));291    if ((await find('hie.yaml')).length > 0) {292        // hie-bios cradle293        return hieBiosConfig(workspace, docUri);294    }295    const makeCabalConfig = (): Configuration => ({296        key: {297            type: 'detect-cabal',298            uri: workspace.uri.toString(),299        },300        cwd: workspace.uri.fsPath,301        command: [ 'cabal', 'v2-repl', 'all' ],302        dependencies:  [303            new vscode.RelativePattern(workspace, '*.cabal'),304            new vscode.RelativePattern(workspace, 'package.yaml'),305            new vscode.RelativePattern(workspace, 'cabal.project'),306            new vscode.RelativePattern(workspace, 'cabal.project.local')307        ]308    });309    const makeStackConfig = (targets: string[]): Configuration => ({310        key: {311            type: 'detect-stack',312            uri: workspace.uri.toString(),313        },314        cwd: workspace.uri.fsPath,315        command: [ 'stack', ...stackOptions, 'repl', '--no-load', ... targets],316        dependencies:  [317            new vscode.RelativePattern(workspace, '*.cabal'),318            new vscode.RelativePattern(workspace, 'package.yaml'),319            new vscode.RelativePattern(workspace, 'stack.yaml')320        ]321    });322    if ((await find('dist-newstyle')).length > 0) {323        return makeCabalConfig();324    }325    if ((await find('.stack-work')).length > 0326        || (await find('stack.yaml')).length > 0) {327        try {328            const targets = await getStackIdeTargets(workspace.uri);329            return makeStackConfig(targets);330        } catch (e) {331            console.error('Error detecting stack configuration:', e);332            console.log('Trying others...');333        }334    }335    if ((await find('*.cabal')).length > 0336        || (await find('cabal.project')).length > 0337        || (await find('cabal.project.local')).length > 0) {338        return makeCabalConfig();339    }340    return singleConfig();...

workSpaceCache.ts

Source:workSpaceCache.ts

1import { WorkspaceFolder, RelativePattern, FileSystemWatcher } from 'vscode';2import * as vscode from 'vscode';3import * as fs from 'fs';4import * as path from 'path';5import * as pify from 'pify';6import processLess from '../less/processLess';7import processCss from '../css/processCss';8import { StyleImport, StyleObject } from '../typings';9import { findAllStyleImports } from '../util/findImportObject';10import { compile } from '../parse';11import { TSTypeAliasDeclaration } from '@babel/types';12const vfile = require('vfile');13const vfileLocation = require('vfile-location');14const readFile = pify(fs.readFile.bind(fs));15const isLess = /\.less$/;16const isCss = /\.css$/;17export default class WorkSpaceCache {18  private fileWatcher: Array<FileSystemWatcher> = [];19  private workspaceFolder: WorkspaceFolder;20  private styleCache = {};21  private styleImportsCache: Map<string, StyleImport[]> = new Map();22  private camelCase;23  private styleFilesToScan;24  private jsFilesToScan;25  private rootDir;26  private diagnosticCollection: vscode.DiagnosticCollection;27  private modulePath;28  private enableDiagnostic;29  constructor(workspaceFolder: WorkspaceFolder, diagnosticCollection: vscode.DiagnosticCollection) {30    this.workspaceFolder = workspaceFolder;31    this.diagnosticCollection = diagnosticCollection;32    this.rootDir = vscode.workspace33      .getConfiguration('perfect-css-modules', this.workspaceFolder.uri)34      .get<string>('rootDir');35    this.camelCase = vscode.workspace36      .getConfiguration('perfect-css-modules', this.workspaceFolder.uri)37      .get<string>('camelCase');38    this.styleFilesToScan = vscode.workspace39      .getConfiguration('perfect-css-modules', this.workspaceFolder.uri)40      .get<string>('styleFilesToScan');41    this.jsFilesToScan = vscode.workspace42      .getConfiguration('perfect-css-modules', this.workspaceFolder.uri)43      .get<string>('jsFilesToScan');44    this.modulePath = vscode.workspace45      .getConfiguration('perfect-css-modules', this.workspaceFolder.uri)46      .get<string>('modulesPath');47    this.enableDiagnostic = vscode.workspace48      .getConfiguration('perfect-css-modules', this.workspaceFolder.uri)49      .get<boolean>('enableDiagnostic');50    this.init();51  }52  private async init() {53    await this.processAllStyleFiles();54    this.processAllJsFiles();55    this.addFileWatcher();56  }57  private addFileWatcher() {58    const relativePattern = new RelativePattern(59      path.join(this.workspaceFolder.uri.fsPath, this.rootDir),60      this.styleFilesToScan,61    );62    const styleWatcher = vscode.workspace.createFileSystemWatcher(relativePattern);63    styleWatcher.onDidChange((file: vscode.Uri) => {64      this.processStyleFile(file);65      this.regenerateDiagnostic(file.fsPath);66    });67    styleWatcher.onDidCreate((file: vscode.Uri) => {68      this.processStyleFile(file);69      this.regenerateDiagnostic(file.fsPath);70    });71    styleWatcher.onDidDelete((file: vscode.Uri) => {72      delete this.styleCache[file.fsPath];73    });74    const relativePatternJs = new RelativePattern(75      path.join(this.workspaceFolder.uri.fsPath, this.rootDir),76      this.jsFilesToScan,77    );78    const jsWatcher = vscode.workspace.createFileSystemWatcher(relativePatternJs);79    jsWatcher.onDidChange((file: vscode.Uri) => {80      this.processJsFile(file);81    });82    jsWatcher.onDidCreate((file: vscode.Uri) => {83      this.processJsFile(file);84    });85    jsWatcher.onDidDelete((file: vscode.Uri) => {86      delete this.styleImportsCache[file.fsPath];87      if (this.enableDiagnostic) {88        this.diagnosticCollection.delete(file);89      }90    });91    this.fileWatcher.push(styleWatcher);92    this.fileWatcher.push(jsWatcher);93  }94  private async processAllStyleFiles() {95    const relativePattern = new RelativePattern(96      path.join(this.workspaceFolder.uri.fsPath, this.rootDir),97      this.styleFilesToScan,98    );99    const files = await vscode.workspace.findFiles(relativePattern, '{**/node_modules/**}', 99999);100    for (const file of files) {101      await this.processStyleFile(file);102    }103  }104  /**105   * regenerate Diagnostic after change style file106   * @param styleFilePath107   */108  private regenerateDiagnostic(styleFilePath: string) {109    if (!this.enableDiagnostic) {110      return;111    }112    const relatedJsFilePaths = [];113    Object.keys(this.styleImportsCache).map(jsPath => {114      const sis: StyleImport[] = this.styleImportsCache[jsPath];115      sis.map(si => {116        if (si.styleFsPath === styleFilePath) {117          relatedJsFilePaths.push(si.jsFsPath);118        }119      });120    });121    relatedJsFilePaths.map(jsPath => {122      this.processJsFile(vscode.Uri.file(jsPath));123    });124  }125  private async processStyleFile(file: vscode.Uri) {126    try {127      const data = await readFile(file.fsPath, 'utf8');128      if (file.fsPath.match(isLess)) {129        const result = await processLess(130          data,131          this.workspaceFolder.uri.fsPath,132          file.fsPath,133          this.camelCase,134          this.modulePath,135        );136        this.styleCache[file.fsPath] = result;137      } else if (file.fsPath.match(isCss)) {138        const result = await processCss(data, file.fsPath, this.camelCase);139        this.styleCache[file.fsPath] = result;140      }141    } catch (error) {142      console.log(error);143    }144  }145  private async processAllJsFiles() {146    const relativePattern = new RelativePattern(147      path.join(this.workspaceFolder.uri.fsPath, this.rootDir),148      this.jsFilesToScan,149    );150    const files = await vscode.workspace.findFiles(relativePattern, '{**/node_modules/**}', 99999);151    files.forEach(file => {152      this.processJsFile(file);153    });154  }155  private async processJsFile(file: vscode.Uri) {156    try {157      const data = await readFile(file.fsPath, 'utf8');158      const styleImports = findAllStyleImports(data, file.fsPath);159      this.styleImportsCache[file.fsPath] = styleImports;160      if (this.enableDiagnostic) {161        this.diagnosticCollection.delete(file);162        if (styleImports.length !== 0) {163          const diags: Array<vscode.Diagnostic> = [];164          const paes = compile(data, file.fsPath, styleImports);165          const location = vfileLocation(vfile(data));166          for (const pae of paes) {167            const styleObject = await this.getStyleAsync(pae.styleImport.styleFsPath);168            if (styleObject != null && styleObject.locals[pae.right] == null) {169              /**170               * range {171               *   line: 1-based172               *   column: 1-based173               * }174               */175              const rangeStart = location.toPosition(pae.pos); // offset: 0-based176              const rangeEnd = location.toPosition(pae.end); // offset: 0-based177              const vsRange = new vscode.Range(178                rangeStart.line - 1,179                rangeStart.column - 1,180                rangeEnd.line - 1,181                rangeEnd.column - 1,182              );183              diags.push(184                new vscode.Diagnostic(185                  vsRange,186                  `perfect-css-module: Cannot find ${pae.right} in ${pae.left}.`,187                  vscode.DiagnosticSeverity.Error,188                ),189              );190            }191          }192          if (diags.length !== 0) {193            this.diagnosticCollection.set(file, diags);194          }195        }196      }197    } catch (error) {198      console.log(error);199    }200  }201  private async getStyleAsync(fsPath: string): Promise<StyleObject> {202    let styleObject = this.getStyleObject(fsPath);203    if (styleObject != null) {204      return styleObject;205    }206    // attemp to read file and getStyleObject again207    await this.processStyleFile(vscode.Uri.file(fsPath));208    return this.getStyleObject(fsPath);209  }210  public getStyleObject(fsPath: string): StyleObject {211    return this.styleCache[fsPath];212  }213  public getStyleImportByStyleFile(fsPath: string): StyleImport[] {214    const styleImports: StyleImport[] = [];215    Object.keys(this.styleImportsCache).filter(key => {216      const styleImport: Array<StyleImport> = this.styleImportsCache[key];217      styleImport.map(si => {218        if (si.styleFsPath === fsPath) {219          styleImports.push(si);220        }221      });222    });223    return styleImports;224  }225  public dispose() {226    this.fileWatcher.map(fw => {227      fw.dispose();228    });229  }...

get-barral-command.ts

Source:get-barral-command.ts

1import {2  commands,3  RelativePattern,4  Uri,5  workspace,6  WorkspaceFolder,7} from "vscode";8import { dirname, normalize, relative, basename } from "path";9import { writeFile } from "fs/promises";10import { BarrelType } from "./model/barrel-type.enum";11export const getBarrelCommand = () =>12  commands.registerCommand("domain-generators.update-barrel", (uri: Uri) => {13    const type = uri.path.endsWith("index.ts")14      ? BarrelType.Index15      : BarrelType.Testing;16    let workspaceFolder: WorkspaceFolder | undefined =17      workspace.getWorkspaceFolder(uri);18    if (!workspaceFolder) {19      return undefined;20    }21    let workspaceFolderPath: string = workspaceFolder.uri.path;22    const directory = normalize(dirname(uri.path));23    let directoryToSearch = directory + normalize("/lib");24    if (type === BarrelType.Testing) {25      directoryToSearch += normalize("/mocks");26    }27    const relativeDirectory = relative(workspaceFolderPath, directoryToSearch);28    if (type === BarrelType.Testing) {29      relativeDirectory;30    }31    let relativePattern: RelativePattern = new RelativePattern(32      workspaceFolderPath,33      relativeDirectory + "/*.ts"34    );35    return getFiles(relativePattern).then((files) =>36      writeFile(37        uri.fsPath,38        files.map((file) => `${getExportBase(type)}/${file}';`).join("\n")39      )40    );41  });42const getFiles = (relativePattern: RelativePattern) =>43  workspace.findFiles(relativePattern, null, 50).then((uris: Uri[]) =>44    uris45      .map((uri: Uri) => normalize(basename(uri.path).replace(".ts", "")))46      .filter((file) => !file.endsWith(".spec"))47      .sort()48  );49const getExportBase = (type: BarrelType): string =>50  type === BarrelType.Index51    ? `export * from './lib`...

Using AI Code Generation

1import { relativePattern } from 'storybook-root';2import { relativePattern } from 'storybook-root';3import { relativePattern } from 'storybook-root';4import { relativePattern } from 'storybook-root';5import { relativePattern } from 'storybook-root';6import { relativePattern } from 'storybook-root';7import { relativePattern } from 'storybook-root';8import { relativePattern } from 'storybook-root';9import { relativePattern } from 'storybook-root';10import { relativePattern } from 'storybook-root';

Using AI Code Generation

1import { relativePattern } from 'storybook-root';2import { storiesOf } from '@storybook/react';3import { action } from '@storybook/addon-actions';4import { linkTo } from '@storybook/addon-links';5import { withInfo } from '@storybook/addon-info';6import { withKnobs, text } from '@storybook/addon-knobs/react';7import Button from 'storybook-root/src/components/Button';8storiesOf('Button', module)9.addDecorator(withKnobs)10.add('with text', withInfo('description')(() => (11  <Button onClick={action('clicked')}>{text('Label', 'Hello Button')}</Button>12.add('with some emoji', withInfo('description')(() => (13  <Button onClick={action('clicked')}><span role="img" aria-label="so cool">😀 😎 👍 💯</span></Button>14)));15import { configure } from '@storybook/react';16import { setOptions } from '@storybook/addon-options';17setOptions({

Using AI Code Generation

1const path = require('path');2const { relativePattern } = require('storybook-root-alias');3module.exports = {4  stories: [relativePattern(__dirname, '../stories/*.stories.js')],5};6const path = require('path');7const { relativePattern } = require('storybook-root-alias');8module.exports = async ({ config, mode }) => {9  config.module.rules.push({10      {11        options: {12        },13      },14      path.resolve(__dirname, '../src'),15      relativePattern(__dirname, '../node_modules/@storybook'),16  });17  return config;18};19{20  "scripts": {21  },22  "devDependencies": {23    "babel-plugin-root-import": "^6.4.1",24  }25}26babel-plugin-root-import

Using AI Code Generation

1module.exports = {2};3import { addParameters, configure } from '@storybook/react';4import { DocsPage, DocsContainer } from '@storybook/addon-docs/blocks';5addParameters({6  docs: {7  },8});9import { addParameters, configure } from '@storybook/react';10import { DocsPage, DocsContainer } from '@storybook/addon-docs/blocks';11addParameters({12  docs: {13  },14});15import { addParameters, configure } from '@storybook/react';16import { DocsPage, DocsContainer } from '@storybook/addon-docs/blocks';17addParameters({18  docs: {19  },20});21import { addParameters, configure } from '@storybook/react';22import { DocsPage, DocsContainer } from '@storybook/addon-docs/blocks';23addParameters({24  docs: {25  },26});27import { addParameters, configure } from '@storybook/react';28import { DocsPage, DocsContainer } from '@storybook/addon-docs/blocks';29addParameters({30  docs: {31  },32});33import { addParameters, configure } from '@storybook/react';34import { DocsPage, DocsContainer } from '@storybook/addon-docs/blocks';35addParameters({36  docs: {37  },38});39import { addParameters, configure } from '@storybook/react';40import { DocsPage, DocsContainer } from '@storybook/addon-docs/blocks';41addParameters({

Using AI Code Generation

1console.log(relativePattern('test.js'));2console.log(relativePattern('/Users/username/Documents/project/src/test.js'));3console.log(relativePattern('src/test.js'));4console.log(relativePattern('/Users/username/Documents/project/src/test.js'));5console.log(relativePattern('src/test.js'));6console.log(relativePattern('/Users/username/Documents/project/src/test.js'));7console.log(relativePattern('src/test.js'));8console.log(relativePattern('/Users/username/Documents/project/src/test.js'));9console.log(relativePattern('src/test.js'));10console.log(relativePattern('/Users/username/Documents/project/src/test.js'));11console.log(relativePattern('src/test.js'));12console.log(relativePattern('/Users/username/Documents/project/src/test.js'));13console.log(relativePattern('src/test.js'));14console.log(relativePattern('/Users/username/Documents/project/src/test.js'));

Using AI Code Generation

1import { relativePattern } from 'storybook-root-alias';2const storyPath = relativePattern(__dirname, './stories');3const storyPath = relativePattern(__dirname, './stories', '**/*.stories.js');4module.exports = {5};6import { addDecorator, addParameters } from '@storybook/react';7import { withA11y } from '@storybook/addon-a11y';8import { withKnobs } from '@storybook/addon-knobs';9import { withInfo } from '@storybook/addon-info';10import { withViewport } from '@storybook/addon-viewport';11addDecorator(withA11y);12addDecorator(withKnobs);13addDecorator(withInfo);14addDecorator(withViewport);15addParameters({16  viewport: {17    viewports: {18      iphone6: {19        styles: {20        },21      },22      ipad: {23        styles: {24        },25      },26    },27  },28});29const path = require('path');30const rootAlias = require('storybook-root-alias');31module.exports = ({ config }) => {32  config.module.rules.push({33    include: path.resolve(__dirname, '../'),34  });35  config.resolve.alias = {36    ...rootAlias(),37  };38  return config;39};40import { addons } from '@storybook/addons';41import { themes } from '@storybook/theming';42addons.setConfig({43});44  .sb-show-main {45    padding: 0 !important;46  }47  .docs-story {48    padding: 0 !important;49  }

Using AI Code Generation

1const path = require('path');2const getStorybookRoot = require('storybook-root');3const storybookRoot = getStorybookRoot();4const storybookConfig = path.relative(storybookRoot, './.storybook');5module.exports = {6  stories: [`${storybookConfig}/stories/**/*.stories.js`],7  addons: [`${storybookConfig}/addons.js`]8};9import { configure, addDecorator } from '@storybook/react';10import { withInfo } from '@storybook/addon-info';11import { withKnobs } from '@storybook/addon-knobs';12import { withA11y } from '@storybook/addon-a11y';13addDecorator(withInfo);14addDecorator(withKnobs);15addDecorator(withA11y);16const req = require.context('../stories', true, /.stories.js$/);17function loadStories() {18  req.keys().forEach(filename => req(filename));19}20configure(loadStories, module);21import '@storybook/addon-actions/register';22import '@storybook/addon-links/register';23import '@storybook/addon-knobs/register';24import '@storybook/addon-a11y/register';25import React from 'react';26import { storiesOf } from '@storybook/react';27import { withInfo } from '@storybook/addon-info';28import { withKnobs, text, boolean } from '@storybook/addon-knobs';29import { withA11y } from '@storybook/addon-a11y';30import MyComponent from '../src/MyComponent';31const stories = storiesOf('MyComponent', module);32stories.addDecorator(withInfo);33stories.addDecorator(withKnobs);34stories.addDecorator(withA11y);35stories.add(36  () => (37      prop1={text('prop1', 'prop1')}38      prop2={text('prop2', 'prop2')}39      prop3={boolean('prop3', false)}40  {41    info: {42    }43  }44);45import React from 'react';46import { stories

Using AI Code Generation

1const { relativePattern } = require('@storybook/core-common');2const { relative } = require('path');3const relativePath = relativePattern(__dirname, 'src');4console.log(relativePath);5const relativePath = relative(__dirname, 'src');6console.log(relativePath);

Using AI Code Generation

1const { relativePattern } = require('storybook-root');2const path = require('path');3const pathToStory = relativePattern('src/stories');4const pathToComponent = relativePattern('src/components');5const { relativePattern } = require('storybook-root');6const path = require('path');7module.exports = {8  stories: [relativePattern('src/stories/**/*.stories.js')],9};

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.