How to use angularJson method in storybook-root

Best JavaScript code snippet using storybook-root

index.spec.ts

Source:index.spec.ts

1import { Tree } from '@angular-devkit/schematics';2import { SchematicTestRunner, UnitTestTree } from '@angular-devkit/schematics/testing';3import * as path from 'path';4const collectionPath = path.join(__dirname, '../collection.json');5describe('ng-add', () => {6  it('should work for a default project', async () => {7    const tree = Tree.empty();8    tree.create('angular.json', createAngularJson({9      root: '',10      sourceRoot: 'src',11      stylesExtension: 'css',12    }));13    tree.create('package.json', createPackageJson());14    const runner = new SchematicTestRunner('schematics', collectionPath);15    const resultTree = await runner.runSchematicAsync('ng-add', {}, tree).toPromise();16    verifyBasicFiles(resultTree, {17      sourceRootPath: './src',18      mainFilePath: '.angular-playground/main.playground.ts',19    });20    const angularJson = getJsonFileAsObject(resultTree, 'angular.json');21    expect(angularJson.projects.playground.root).toBe('');22    expect(angularJson.projects.playground.sourceRoot).toBe('src');23    expect(angularJson.projects.playground.architect.build.options.outputPath).toBe('dist/playground');24    expect(angularJson.projects.playground.architect.build.options.index).toBe('src/index.html');25    expect(angularJson.projects.playground.architect.build.options.main).toBe('.angular-playground/main.playground.ts');26    expect(angularJson.projects.playground.architect.build.options.polyfills).toBe('src/polyfills.ts');27    expect(angularJson.projects.playground.architect.build.options.tsConfig).toBe('.angular-playground/tsconfig.playground.json');28    expect(angularJson.projects.playground.architect.build.options.assets[0]).toBe('src/favicon.ico');29    expect(angularJson.projects.playground.architect.build.options.assets[1]).toBe('src/assets');30    expect(angularJson.projects.playground.architect.build.options.styles[0]).toBe('src/styles.css');31    expect(angularJson.projects.playground.architect.build.configurations.production.fileReplacements[0].replace)32      .toBe('src/environments/environment.ts');33    expect(angularJson.projects.playground.architect.build.configurations.production.fileReplacements[0].with)34      .toBe('src/environments/environment.prod.ts');35  });36  it('should work for a project created with `ng g app`', async () => {37    const tree = Tree.empty();38    tree.create('angular.json', createAngularJson({39      root: 'projects/something',40      sourceRoot: 'projects/something/src',41      stylesExtension: 'css',42    }));43    tree.create('package.json', createPackageJson());44    const runner = new SchematicTestRunner('schematics', collectionPath);45    const resultTree = await runner.runSchematicAsync('ng-add', {}, tree).toPromise();46    verifyBasicFiles(resultTree, {47      sourceRootPath: './projects/something/src',48      mainFilePath: '.angular-playground/main.playground.ts',49    });50    const angularJson = getJsonFileAsObject(resultTree, 'angular.json');51    expect(angularJson.projects.playground.root).toBe('projects/something');52    expect(angularJson.projects.playground.sourceRoot).toBe('projects/something/src');53    expect(angularJson.projects.playground.architect.build.options.outputPath).toBe('dist/playground');54    expect(angularJson.projects.playground.architect.build.options.index).toBe('projects/something/src/index.html');55    expect(angularJson.projects.playground.architect.build.options.main).toBe('.angular-playground/main.playground.ts');56    expect(angularJson.projects.playground.architect.build.options.polyfills).toBe('projects/something/src/polyfills.ts');57    expect(angularJson.projects.playground.architect.build.options.tsConfig).toBe('.angular-playground/tsconfig.playground.json');58    expect(angularJson.projects.playground.architect.build.options.assets[0]).toBe('projects/something/src/favicon.ico');59    expect(angularJson.projects.playground.architect.build.options.assets[1]).toBe('projects/something/src/assets');60    expect(angularJson.projects.playground.architect.build.options.styles[0]).toBe('projects/something/src/styles.css');61    expect(angularJson.projects.playground.architect.build.configurations.production.fileReplacements[0].replace)62      .toBe('projects/something/src/environments/environment.ts');63    expect(angularJson.projects.playground.architect.build.configurations.production.fileReplacements[0].with)64      .toBe('projects/something/src/environments/environment.prod.ts');65  });66  it('should work for a project with a non-default style extension', async () => {67    const tree = Tree.empty();68    tree.create('angular.json', createAngularJson({69      root: '',70      sourceRoot: 'src',71      stylesExtension: 'scss',72    }));73    tree.create('package.json', createPackageJson());74    const runner = new SchematicTestRunner('schematics', collectionPath);75    const resultTree = await runner.runSchematicAsync('ng-add', {}, tree).toPromise();76    verifyBasicFiles(resultTree, {77      sourceRootPath: './src',78      mainFilePath: '.angular-playground/main.playground.ts',79    });80    const angularJson = getJsonFileAsObject(resultTree, 'angular.json');81    expect(angularJson.projects.playground.root).toBe('');82    expect(angularJson.projects.playground.sourceRoot).toBe('src');83    expect(angularJson.projects.playground.architect.build.options.outputPath).toBe('dist/playground');84    expect(angularJson.projects.playground.architect.build.options.index).toBe('src/index.html');85    expect(angularJson.projects.playground.architect.build.options.main).toBe('.angular-playground/main.playground.ts');86    expect(angularJson.projects.playground.architect.build.options.polyfills).toBe('src/polyfills.ts');87    expect(angularJson.projects.playground.architect.build.options.tsConfig).toBe('.angular-playground/tsconfig.playground.json');88    expect(angularJson.projects.playground.architect.build.options.assets[0]).toBe('src/favicon.ico');89    expect(angularJson.projects.playground.architect.build.options.assets[1]).toBe('src/assets');90    expect(angularJson.projects.playground.architect.build.options.styles[0]).toBe('src/styles.scss');91    expect(angularJson.projects.playground.architect.build.configurations.production.fileReplacements[0].replace)92      .toBe('src/environments/environment.ts');93    expect(angularJson.projects.playground.architect.build.configurations.production.fileReplacements[0].with)94      .toBe('src/environments/environment.prod.ts');95  });96  it('should work for a project that contains only a library', async () => {97    const tree = Tree.empty();98    tree.create('angular.json', createAngularJsonForLibrary(false));99    tree.create('package.json', createPackageJson());100    const runner = new SchematicTestRunner('schematics', collectionPath);101    const resultTree = await runner.runSchematicAsync('ng-add', {}, tree).toPromise();102    verifyBasicFiles(resultTree, {103      sourceRootPath: './projects/foo-lib/src',104      mainFilePath: '.angular-playground/main.playground.ts',105    });106    const angularJson = getJsonFileAsObject(resultTree, 'angular.json');107    expect(angularJson.projects.playground.root).toBe('projects/foo-lib');108    expect(angularJson.projects.playground.sourceRoot).toBe('projects/foo-lib/src');109    expect(angularJson.projects.playground.architect.build.options.outputPath).toBe('dist/playground');110    expect(angularJson.projects.playground.architect.build.options.index).toBe('projects/foo-lib/src/index.html');111    expect(angularJson.projects.playground.architect.build.options.main).toBe('.angular-playground/main.playground.ts');112    expect(angularJson.projects.playground.architect.build.options.polyfills).toBe('projects/foo-lib/src/polyfills.ts');113    expect(angularJson.projects.playground.architect.build.options.tsConfig).toBe('.angular-playground/tsconfig.playground.json');114    expect(angularJson.projects.playground.architect.build.options.assets[0]).toBe('projects/foo-lib/src/favicon.ico');115    expect(angularJson.projects.playground.architect.build.options.assets[1]).toBe('projects/foo-lib/src/assets');116    expect(angularJson.projects.playground.architect.build.options.styles[0]).toBe('projects/foo-lib/src/styles.css');117    expect(angularJson.projects.playground.architect.build.configurations.production.fileReplacements[0].replace)118      .toBe('projects/foo-lib/src/environments/environment.ts');119    expect(angularJson.projects.playground.architect.build.configurations.production.fileReplacements[0].with)120      .toBe('projects/foo-lib/src/environments/environment.prod.ts');121  });122  it('should work for a project that contains a library followed by an application', async () => {123    const tree = Tree.empty();124    tree.create('angular.json', createAngularJsonForLibrary(true));125    tree.create('package.json', createPackageJson());126    const runner = new SchematicTestRunner('schematics', collectionPath);127    const resultTree = await runner.runSchematicAsync('ng-add', {}, tree).toPromise();128    verifyBasicFiles(resultTree, {129      sourceRootPath: './projects/foo-lib-tester/src',130      mainFilePath: '.angular-playground/main.playground.ts',131    });132    const angularJson = getJsonFileAsObject(resultTree, 'angular.json');133    expect(angularJson.projects.playground.root).toBe('projects/foo-lib-tester');134    expect(angularJson.projects.playground.sourceRoot).toBe('projects/foo-lib-tester/src');135    expect(angularJson.projects.playground.architect.build.options.outputPath).toBe('dist/playground');136    expect(angularJson.projects.playground.architect.build.options.index).toBe('projects/foo-lib-tester/src/index.html');137    expect(angularJson.projects.playground.architect.build.options.main).toBe('.angular-playground/main.playground.ts');138    expect(angularJson.projects.playground.architect.build.options.polyfills).toBe('projects/foo-lib-tester/src/polyfills.ts');139    expect(angularJson.projects.playground.architect.build.options.tsConfig).toBe('.angular-playground/tsconfig.playground.json');140    expect(angularJson.projects.playground.architect.build.options.assets[0]).toBe('projects/foo-lib-tester/src/favicon.ico');141    expect(angularJson.projects.playground.architect.build.options.assets[1]).toBe('projects/foo-lib-tester/src/assets');142    expect(angularJson.projects.playground.architect.build.options.styles[0]).toBe('projects/foo-lib-tester/src/styles.scss');143    expect(angularJson.projects.playground.architect.build.configurations.production.fileReplacements[0].replace)144      .toBe('projects/foo-lib-tester/src/environments/environment.ts');145    expect(angularJson.projects.playground.architect.build.configurations.production.fileReplacements[0].with)146      .toBe('projects/foo-lib-tester/src/environments/environment.prod.ts');147  });148  it('should throw if there are no projects', async () => {149    const runner = new SchematicTestRunner('schematics', collectionPath);150    const tree = Tree.empty();151    tree.create('angular.json', '{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "projects": {} }');152    const errorMessage = 'Your app must have at least 1 project to use Playground.';153    const promise = runner.runSchematicAsync('ng-add', {}, tree).toPromise();154    await expect(promise).rejects.toThrowError(errorMessage);155  });156});157const getJsonFileAsObject = (tree: UnitTestTree, filepath: string) => JSON.parse(tree.readContent(filepath));158const createAngularJson = (config: { root: string, sourceRoot: string, stylesExtension: string }) => `{159  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",160  "version": 1,161  "projects": {162    "foo": {163      "root": "${config.root}",164      "sourceRoot": "${config.sourceRoot}",165      "projectType": "application",166      "prefix": "app",167      "architect": {168        "build": {169          "options": {170            "styles": [171              "src/styles.${config.stylesExtension}"172            ]173          }174        }175      }176    },177    "foo2": {178      "root": "",179      "sourceRoot": "",180      "projectType": "application",181      "prefix": "app",182      "architect": {183        "build": {184          "options": {185            "styles": []186          }187        }188      }189    }190  }191}`;192const createAngularJsonForLibrary = (includeTestApp = false) => {193  const lib = `"foo-lib": {194    "root": "projects/foo-lib",195    "sourceRoot": "projects/foo-lib/src",196    "projectType": "library",197    "prefix": "lib",198    "architect": {199      "build": {200        "options": {}201      }202    }203  }`;204  const libTestApp = `"foo-lib-tester": {205    "root": "projects/foo-lib-tester",206    "sourceRoot": "projects/foo-lib-tester/src",207    "projectType": "application",208    "prefix": "app",209    "architect": {210      "build": {211        "options": {212          "styles": [213            "src/styles.scss"214          ]215        }216      }217    }218  }`;219  const schema = `"$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1,`;220  return includeTestApp221    ? `{ ${schema} "projects": { ${lib}, ${libTestApp} } }`222    : `{ ${schema} "projects": { ${lib} } }`;223};224const createPackageJson = () => `{225  "scripts": {},226  "dependencies": {227  },228  "devDependencies": {}229}`;230const verifyBasicFiles = (tree: UnitTestTree, options: { sourceRootPath: string, mainFilePath: string }) => {231  // package.json232  const packageJson = getJsonFileAsObject(tree, 'package.json');233  expect(packageJson.scripts.playground).toBe('angular-playground');234  // angular-playground.json235  const angularPlaygroundJson = getJsonFileAsObject(tree, '.angular-playground/angular-playground.json');236  expect(angularPlaygroundJson.sourceRoots).toEqual([options.sourceRootPath]);237  expect(angularPlaygroundJson.angularCli.appName).toBe('playground');238  // main.playground.ts239  const mainFile = tree.readContent(options.mainFilePath);240  expect(mainFile).toBeTruthy();...

ormconfig.js

Source:ormconfig.js

1const fg = require('fast-glob');2const ConnectionString = require('connection-string');3const load = require('dotenv').load;4const fs = require('fs');5const path = require('path');6const runnedInMigration = process.env.MIGRATIONS === 'true';7const envName = process.env.NODE_ENV || 'develop';8const isDevelop = envName === 'develop';9const sourceRootKey = isDevelop ? 'sourceRoot' : 'outputPath';10const entitiesExt = '{.js,.ts}';;11const angularJson = JSON.parse(fs.readFileSync('angular.json'));12const packageJson = JSON.parse(fs.readFileSync('package.json'));13const vendors = packageJson.externalLibs || [];14try {15    fs.accessSync(`${envName}.env`);16    load({ path: `${envName}.env` });17    console.log(`env file: ${envName}.env`);18} catch (error) {19    console.log(`error on get env file: ${envName}.env`);20    try {21        fs.accessSync(`.env`);22        load();23        console.log(`env file: .env`);24    } catch (error) {25        console.log(`error on get env file: .env`);26    }27}28const connectionString = new ConnectionString(process.env.DATABASE_URL || 'sqlite://database/sqlitedb.db');29const vendorsLibs = Object.keys(vendors).map(index => {30    const vendorConfig = {};31    vendorConfig[sourceRootKey] = vendors[index];32    return vendorConfig;33});34const libs = Object.keys(angularJson.projects).filter(key => angularJson.projects[key].projectType === 'library').filter(lib =>35    isDevelop ||36    lib[sourceRootKey] !== undefined ||37    (38        lib.architect &&39        lib.architect.build &&40        lib.architect.build.options &&41        lib.architect.build.options[sourceRootKey] !== undefined42    )43).map(key => angularJson.projects[key]);44const apps = Object.keys(angularJson.projects).filter(key => angularJson.projects[key].projectType === 'application').filter(lib =>45    isDevelop ||46    lib[sourceRootKey] !== undefined ||47    (48        lib.architect &&49        lib.architect.build &&50        lib.architect.build.options &&51        lib.architect.build.options[sourceRootKey] !== undefined52    )53).map(key => angularJson.projects[key]);54const defaultProject = angularJson.defaultProject;55const defaultApp = angularJson.projects[defaultProject];56const migrationsDir = `${defaultApp[sourceRootKey]}/migrations`;57const entities = (58    fg.sync(59        [60            ...(61                runnedInMigration ? [62                    ...vendorsLibs,63                    ...libs,64                    ...apps65                ].map(lib =>66                    `${lib[sourceRootKey] || lib.architect.build.options[sourceRootKey]}/**/migrations_entities/**/*.entity${entitiesExt}`67                ) : []68            ),69            ...(70                !runnedInMigration ? [71                    ...vendorsLibs,72                    ...libs,73                    ...apps74                ].map(lib =>75                    `${lib[sourceRootKey] || lib.architect.build.options[sourceRootKey]}/**/entities/**/*.entity${entitiesExt}`76                ) : []77            )78        ]79    )80);81const migrations = normalizationFileList(82    fg.sync(83        runnedInMigration ? [84            ...vendorsLibs,85            ...libs,86            ...apps87        ].map(lib =>88            `${lib[sourceRootKey] || lib.architect.build.options[sourceRootKey]}/**/migrations/**/*${entitiesExt}`89        ) : []90    )91);92const subscribers = (93    fg.sync(94        [95            ...vendorsLibs,96            ...libs,97            ...apps98        ].map(lib =>99            `${lib[sourceRootKey] || lib.architect.build.options[sourceRootKey]}/**/subscribers/**/*${entitiesExt}`100        )101    )102);103if (connectionString.protocol === 'sqlite') {104    const dbFile =105        './' +106        (connectionString.hosts ? connectionString.hosts[0].name : '') +107        (connectionString.path ? '/' + connectionString.path[0] : '');108    module.exports = {109        type: 'sqlite',110        database: dbFile,111        entities: entities,112        migrations: migrations,113        subscribers: subscribers,114        logging: 'all',115        synchronize: false,116        cli: {117            migrationsDir: migrationsDir118        }119    }120} else {121    module.exports = {122        type: connectionString.protocol,123        host: connectionString.hosts && connectionString.hosts[0].name,124        port: connectionString.hosts && +connectionString.hosts[0].port,125        username: connectionString.user,126        password: connectionString.password,127        database: connectionString.path && connectionString.path[0],128        entities: entities,129        migrations: migrations,130        subscribers: subscribers,131        logging: 'all',132        synchronize: false,133        cli: {134            migrationsDir: migrationsDir135        }136    }137}138function normalizationFileList(files) {139    const newFiles = [];140    for (var i = 0; i < files.length; i++) {141        const filename = files[i];142        if (filename.indexOf('.d.ts') === -1) {143            var founded = false;144            for (var j = 0; j < newFiles.length; j++) {145                const filename = newFiles[j];146                if (147                    path.basename(filename, path.parse(filename).ext) ===148                    path.basename(files[i], path.parse(files[i]).ext)149                ) {150                    founded = true;151                }152            }153            if (!founded) {154                newFiles.push(files[i]);155            }156        }157    }158    return newFiles;...

install.js

Source:install.js

1const colors = require('./color');2const fs = require('fs');3const {resolve, relative} = require('path');4const {writeFileSync} = require('fs-extra');5const addAssetsToFolder = () => {6  if (angularJson && angularJson.projects && angularJson.defaultProject) {7    const project = angularJson.projects[angularJson.defaultProject].architect.build.options;8    const {assets, styles} = project;9    const inputPath = "node_modules/@logo-software/toast/src/assets/sounds";10    const outputPath = "assets/sounds";11    const content = {12      "glob": "**/*",13      "input": inputPath,14      "output": outputPath,15    };16    if (!assets.find(item => item.input === inputPath)) {17      assets.push(content);18      console.log(colors.blue("###\n### assets/icons added to angular.json of the main project's assets\n###"))19    }20    try {21      writeFileSync(file, `${JSON.stringify(angularJson, null, 2)}`, {encoding: 'utf-8'})22    } catch (e) {23      console.warn(e);24    }25  } else {26    console.log(colors.red("# Couldn't added to angular.json of the main project"));27  }28}29const file = process.env.INIT_CWD && resolve(process.env.INIT_CWD, 'angular.json');30let angularJson;31if (file && fs.existsSync(file)) {32  angularJson = require(file);33  addAssetsToFolder();34  console.warn('### THEME MODULE SoundTypes adding...');35  console.warn('# dirname: ', __dirname);36  console.warn('# init_cwd: ', process.env.INIT_CWD);37  console.warn('# package: ', angularJson.defaultProject);...

Using AI Code Generation

1import { angularJson } from 'storybook-root';2const angularJson = angularJson();3import { angularJson } from 'storybook-root';4const angularJson = angularJson();5import { angularJson } from 'storybook-root';6const angularJson = angularJson();7{8  projects: {9    [projectName]: {10      architect: {11        build: {12          options: {13          }14        },15        serve: {16          options: {17          }18        }19      }20    }21  }22}23{24}25import { storybookRoot } from 'storybook-root';26const storybookRoot = storybookRoot();27{28}

Using AI Code Generation

1import { angularJson } from '@storybook/angular/demo';2export default {3  parameters: {4    angularJson: {5    },6  },7};8export const angularJsonDemo = () => angularJson;9import { setAngularJson } from '@storybook/addon-angular-json';10setAngularJson({11});12  window.STORYBOOK_ENV = 'angular';13  window.STORYBOOK_ENV = 'react';14  window.STORYBOOK_ENV = 'vue';15  window.STORYBOOK_ENV = 'svelte';16  window.STORYBOOK_ENV = 'ember';17  window.STORYBOOK_ENV = 'mithril';18  window.STORYBOOK_ENV = 'marko';19  window.STORYBOOK_ENV = 'html';20  window.STORYBOOK_ENV = 'riot';21  window.STORYBOOK_ENV = 'preact';22  window.STORYBOOK_ENV = 'rax';23  window.STORYBOOK_ENV = 'web-components';24  window.STORYBOOK_ENV = 'angular-cli';25  window.STORYBOOK_ENV = 'rax';26  window.STORYBOOK_ENV = 'web-components';27  window.STORYBOOK_ENV = 'angular-cli';28  window.STORYBOOK_ENV = 'rax';29  window.STORYBOOK_ENV = 'web-components';

Using AI Code Generation

1import { angularJson } from 'storybook-root';2import { getAngularCliConfig } from 'storybook-root/angular-cli-config';3const angularCliConfig = getAngularCliConfig();4const angularJsonConfig = angularJson(angularCliConfig);5const angularJsonConfig = angularJson();6const angularJsonConfig = angularJson('path/to/angular.json');7const angularJsonConfig = angularJson('path/to/angular.json', 'path/to/tsconfig.json');8const angularJsonConfig = angularJson('path/to/angular.json', 'path/to/tsconfig.json', 'path/to/tsconfig.app.json');9const angularJsonConfig = angularJson('path/to/angular.json', 'path/to/tsconfig.json', 'path/to/tsconfig.app.json', 'path/to/tsconfig.spec.json');10const angularJsonConfig = angularJson('path/to/angular.json', 'path/to/tsconfig.json', 'path/to/tsconfig.app.json', 'path/to/tsconfig.spec.json', 'path/to/tslint.json');11const angularJsonConfig = angularJson('path/to/angular.json', 'path/to/tsconfig.json', 'path/to/tsconfig.app.json', 'path/to/tsconfig.spec.json', 'path/to/tslint.json', 'path/to/tslint.json');12const angularJsonConfig = angularJson('path/to/angular.json', 'path/to/tsconfig.json', 'path/to/tsconfig.app.json', 'path/to/tsconfig.spec.json', 'path

Using AI Code Generation

1const { angularJson } = require('@storybook/angular/demo');2const myconfig = angularJson();3module.exports = myconfig;4module.exports = {5};6import { addParameters } from '@storybook/angular';7addParameters({8  docs: {9  },10});11  const myApp = document.createElement('my-app');12  document.body.appendChild(myApp);13const path = require('path');14const webpack = require('webpack');15module.exports = async ({ config }) => {16  config.resolve.modules.push(path.resolve(__dirname, '../src'));17  config.plugins.push(18    new webpack.DefinePlugin({19      'process.env': {20        NODE_ENV: JSON.stringify(process.env.NODE_ENV),21        BASE_URL: JSON.stringify(process.env.BASE_URL),22      },23    })24  );25  return config;26};27{28  "compilerOptions": {29    "paths": {30    }31  },32}33{34  "compilerOptions": {35    "paths": {36    }37  },38}39import { configure, addDecorator } from '@storybook/angular';40import { withA11y } from '@storybook/addon-a11y';41import { withKnobs } from '@storybook/addon-knobs';42import { withCssResources } from '@storybook/addon-cssresources';43import { withContexts } from '@storybook/addon-contexts/angular';44import { withTests } from '@storybook

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.