How to use typeChecker method in storybook-root

Best JavaScript code snippet using storybook-root

ng_declaration_collector.ts

Source:ng_declaration_collector.ts Github

copy

Full Screen

1/**2 * @license3 * Copyright Google Inc. All Rights Reserved.4 *5 * Use of this source code is governed by an MIT-style license that can be6 * found in the LICENSE file at https://angular.io/license7 */8import {Reference} from '@angular/compiler-cli/src/ngtsc/imports';9import {PartialEvaluator, ResolvedValue} from '@angular/compiler-cli/src/ngtsc/partial_evaluator';10import * as ts from 'typescript';11import {NgDecorator, getAngularDecorators} from '../../utils/ng_decorators';12import {getPropertyNameText} from '../../utils/typescript/property_name';13/**14 * Visitor that walks through specified TypeScript nodes and collects all defined15 * directives and provider classes. Directives are separated by decorated and16 * undecorated directives.17 */18export class NgDeclarationCollector {19 /** List of resolved directives which are decorated. */20 decoratedDirectives: ts.ClassDeclaration[] = [];21 /** List of resolved providers which are decorated. */22 decoratedProviders: ts.ClassDeclaration[] = [];23 /** Set of resolved Angular declarations which are not decorated. */24 undecoratedDeclarations = new Set<ts.ClassDeclaration>();25 constructor(public typeChecker: ts.TypeChecker, private evaluator: PartialEvaluator) {}26 visitNode(node: ts.Node) {27 if (ts.isClassDeclaration(node)) {28 this._visitClassDeclaration(node);29 }30 ts.forEachChild(node, n => this.visitNode(n));31 }32 private _visitClassDeclaration(node: ts.ClassDeclaration) {33 if (!node.decorators || !node.decorators.length) {34 return;35 }36 const ngDecorators = getAngularDecorators(this.typeChecker, node.decorators);37 const ngModuleDecorator = ngDecorators.find(({name}) => name === 'NgModule');38 if (hasDirectiveDecorator(node, this.typeChecker, ngDecorators)) {39 this.decoratedDirectives.push(node);40 } else if (hasInjectableDecorator(node, this.typeChecker, ngDecorators)) {41 this.decoratedProviders.push(node);42 } else if (ngModuleDecorator) {43 this._visitNgModuleDecorator(ngModuleDecorator);44 }45 }46 private _visitNgModuleDecorator(decorator: NgDecorator) {47 const decoratorCall = decorator.node.expression;48 const metadata = decoratorCall.arguments[0];49 if (!metadata || !ts.isObjectLiteralExpression(metadata)) {50 return;51 }52 let entryComponentsNode: ts.Expression|null = null;53 let declarationsNode: ts.Expression|null = null;54 metadata.properties.forEach(p => {55 if (!ts.isPropertyAssignment(p)) {56 return;57 }58 const name = getPropertyNameText(p.name);59 if (name === 'entryComponents') {60 entryComponentsNode = p.initializer;61 } else if (name === 'declarations') {62 declarationsNode = p.initializer;63 }64 });65 // In case the module specifies the "entryComponents" field, walk through all66 // resolved entry components and collect the referenced directives.67 if (entryComponentsNode) {68 flattenTypeList(this.evaluator.evaluate(entryComponentsNode)).forEach(ref => {69 if (ts.isClassDeclaration(ref.node) &&70 !hasNgDeclarationDecorator(ref.node, this.typeChecker)) {71 this.undecoratedDeclarations.add(ref.node);72 }73 });74 }75 // In case the module specifies the "declarations" field, walk through all76 // resolved declarations and collect the referenced directives.77 if (declarationsNode) {78 flattenTypeList(this.evaluator.evaluate(declarationsNode)).forEach(ref => {79 if (ts.isClassDeclaration(ref.node) &&80 !hasNgDeclarationDecorator(ref.node, this.typeChecker)) {81 this.undecoratedDeclarations.add(ref.node);82 }83 });84 }85 }86}87/** Flattens a list of type references. */88function flattenTypeList(value: ResolvedValue): Reference[] {89 if (Array.isArray(value)) {90 return <Reference[]>value.reduce(91 (res: Reference[], v: ResolvedValue) => res.concat(flattenTypeList(v)), []);92 } else if (value instanceof Reference) {93 return [value];94 }95 return [];96}97/** Checks whether the given node has the "@Directive" or "@Component" decorator set. */98export function hasDirectiveDecorator(99 node: ts.ClassDeclaration, typeChecker: ts.TypeChecker, ngDecorators?: NgDecorator[]): boolean {100 return (ngDecorators || getNgClassDecorators(node, typeChecker))101 .some(({name}) => name === 'Directive' || name === 'Component');102}103/** Checks whether the given node has the "@Injectable" decorator set. */104export function hasInjectableDecorator(105 node: ts.ClassDeclaration, typeChecker: ts.TypeChecker, ngDecorators?: NgDecorator[]): boolean {106 return (ngDecorators || getNgClassDecorators(node, typeChecker))107 .some(({name}) => name === 'Injectable');108}109/** Whether the given node has an explicit decorator that describes an Angular declaration. */110export function hasNgDeclarationDecorator(node: ts.ClassDeclaration, typeChecker: ts.TypeChecker) {111 return getNgClassDecorators(node, typeChecker)112 .some(({name}) => name === 'Component' || name === 'Directive' || name === 'Pipe');113}114/** Gets all Angular decorators of a given class declaration. */115export function getNgClassDecorators(116 node: ts.ClassDeclaration, typeChecker: ts.TypeChecker): NgDecorator[] {117 if (!node.decorators) {118 return [];119 }120 return getAngularDecorators(typeChecker, node.decorators);...

Full Screen

Full Screen

util.ts

Source:util.ts Github

copy

Full Screen

1/**2 * @license3 * Copyright Google LLC All Rights Reserved.4 *5 * Use of this source code is governed by an MIT-style license that can be6 * found in the LICENSE file at https://angular.io/license7 */8import ts from 'typescript';9import {getImportSpecifier} from '../../utils/typescript/imports';10export const classes = new Set(['FormArray', 'FormBuilder', 'FormControl', 'FormGroup']);11export const formControl = 'FormControl';12export const untypedPrefix = 'Untyped';13export const forms = '@angular/forms';14export interface MigratableNode {15 node: ts.Node;16 importName: string;17}18export type rewriteFn = (startPos: number, origLength: number, text: string) => void;19export function migrateFile(20 sourceFile: ts.SourceFile, typeChecker: ts.TypeChecker, rewrite: rewriteFn) {21 const imports = getImports(sourceFile);22 // If no relevant classes are imported, we can exit early.23 if (imports.length === 0) return;24 // For each control class, migrate all of its uses.25 for (let i = imports.length; i >= 0; i--) {26 const imp = imports[i];27 const usages = getUsages(sourceFile, typeChecker, imp);28 if (usages.length === 0) {29 // Since there are no usages of this class we need to migrate it, we should completely30 // skip it for the subsequent migration steps.31 imports.splice(i, 1);32 }33 for (const usage of usages) {34 const newName = getUntypedVersionOfImportOrName(usage.importName);35 if (newName === null) {36 // This should never happen.37 console.error(38 `Typed forms migration error: unknown replacement for usage ${usage.node.getText()}`);39 continue;40 }41 rewrite(usage.node.getStart(), usage.node.getWidth(), newName);42 }43 }44 // For each imported control class, migrate to the corresponding uptyped import.45 for (const imp of imports) {46 const untypedClass = getUntypedVersionOfImportOrName(imp.getText());47 if (untypedClass === null) {48 // This should never happen.49 console.error(50 `Typed forms migration error: unknown untyped version of import ${imp.getText()}`);51 continue;52 }53 if (getImportSpecifier(sourceFile, forms, untypedClass)) {54 // In order to make the migration idempotent, we must check whether the untyped version of the55 // class is already present. If present, immediately continue.56 continue;57 }58 rewrite(imp.getStart(), imp.getWidth(), untypedClass);59 }60}61function getImports(sourceFile: ts.SourceFile): ts.ImportSpecifier[] {62 let imports: ts.ImportSpecifier[] = [];63 for (const cc of classes) {64 const specifier = getImportSpecifier(sourceFile, forms, cc);65 if (!specifier) continue;66 imports.push(specifier);67 }68 return imports;69}70function getUntypedVersionOfImportOrName(name: string): string|null {71 for (const cc of classes) {72 if (name.includes(cc)) {73 return `${untypedPrefix}${cc}`;74 }75 }76 return null;77}78function getUsages(79 sourceFile: ts.SourceFile, typeChecker: ts.TypeChecker,80 importSpecifier: ts.ImportSpecifier): MigratableNode[] {81 const usages: MigratableNode[] = [];82 const visitNode = (node: ts.Node) => {83 if (ts.isImportSpecifier(node)) {84 // Skip this node and all of its children; imports are a special case.85 return;86 }87 if (ts.isIdentifier(node) && isUsageOfFormsImport(typeChecker, node, importSpecifier)) {88 usages.push({node, importName: importSpecifier.getText()});89 }90 ts.forEachChild(node, visitNode);91 };92 ts.forEachChild(sourceFile, visitNode);93 return usages;94}95function isUsageOfFormsImport(96 typeChecker: ts.TypeChecker, node: ts.Identifier,97 importSpecifier: ts.ImportSpecifier): boolean {98 const symbol = typeChecker.getSymbolAtLocation(node);99 // We check symbol.declarations because we actually care about the name at the declaration site,100 // not the usage site. These could be different in the case of overriden constructors.101 if (!symbol || symbol.declarations === undefined || !symbol.declarations.length) return false;102 const decl = symbol.declarations[0];103 if (!ts.isImportSpecifier(decl)) return false;104 // As per `typescript/imports.ts`, we must walk up the tree to find the enclosing import105 // declaration. For reasons specific to the TS AST, this is always 3 levels up from an import106 // specifier node.107 const importDecl = decl.parent.parent.parent;108 if (!ts.isStringLiteral(importDecl.moduleSpecifier)) return false;109 const importName = typeChecker.getTypeAtLocation(importSpecifier)?.getSymbol()?.getName();110 if (!importName) return false;111 // Handles aliased imports: e.g. "import {Component as myComp} from ...";112 const declName = decl.propertyName ? decl.propertyName.text : decl.name.text;113 if (importName === declName) return true;114 // In the case of FormControl's overridden exported constructor, the value name and declaration115 // name are not exactly the same. For our purposes, it's enough to check whether the latter is a116 // substring of the former.117 if (declName === formControl && importName.includes(declName)) return true;118 return false;...

Full Screen

Full Screen

symbol.ts

Source:symbol.ts Github

copy

Full Screen

1/**2 * @license3 * Copyright Google LLC All Rights Reserved.4 *5 * Use of this source code is governed by an MIT-style license that can be6 * found in the LICENSE file at https://angular.io/license7 */8import ts from 'typescript';9export function getValueSymbolOfDeclaration(node: ts.Node, typeChecker: ts.TypeChecker): ts.Symbol|10 undefined {11 let symbol = typeChecker.getSymbolAtLocation(node);12 while (symbol && symbol.flags & ts.SymbolFlags.Alias) {13 symbol = typeChecker.getAliasedSymbol(symbol);14 }15 return symbol;16}17/** Checks whether a node is referring to a specific import specifier. */18export function isReferenceToImport(19 typeChecker: ts.TypeChecker, node: ts.Node, importSpecifier: ts.ImportSpecifier): boolean {20 const nodeSymbol = typeChecker.getTypeAtLocation(node).getSymbol();21 const importSymbol = typeChecker.getTypeAtLocation(importSpecifier).getSymbol();22 return !!(nodeSymbol?.declarations?.[0] && importSymbol?.declarations?.[0]) &&23 nodeSymbol.declarations[0] === importSymbol.declarations[0];24}25/** Checks whether a node's type is nullable (`null`, `undefined` or `void`). */26export function isNullableType(typeChecker: ts.TypeChecker, node: ts.Node) {27 // Skip expressions in the form of `foo.bar!.baz` since the `TypeChecker` seems28 // to identify them as null, even though the user indicated that it won't be.29 if (node.parent && ts.isNonNullExpression(node.parent)) {30 return false;31 }32 const type = typeChecker.getTypeAtLocation(node);33 const typeNode = typeChecker.typeToTypeNode(type, undefined, ts.NodeBuilderFlags.None);34 let hasSeenNullableType = false;35 // Trace the type of the node back to a type node, walk36 // through all of its sub-nodes and look for nullable tyes.37 if (typeNode) {38 (function walk(current: ts.Node) {39 if (current.kind === ts.SyntaxKind.NullKeyword ||40 current.kind === ts.SyntaxKind.UndefinedKeyword ||41 current.kind === ts.SyntaxKind.VoidKeyword) {42 hasSeenNullableType = true;43 // Note that we don't descend into type literals, because it may cause44 // us to mis-identify the root type as nullable, because it has a nullable45 // property (e.g. `{ foo: string | null }`).46 } else if (!hasSeenNullableType && !ts.isTypeLiteralNode(current)) {47 current.forEachChild(walk);48 }49 })(typeNode);50 }51 return hasSeenNullableType;52}53/**54 * Walks through the types and sub-types of a node, looking for a55 * type that has the same name as one of the passed-in ones.56 */57export function hasOneOfTypes(58 typeChecker: ts.TypeChecker, node: ts.Node, types: string[]): boolean {59 const type = typeChecker.getTypeAtLocation(node);60 const typeNode =61 type ? typeChecker.typeToTypeNode(type, undefined, ts.NodeBuilderFlags.None) : undefined;62 let hasMatch = false;63 if (typeNode) {64 (function walk(current: ts.Node) {65 if (ts.isIdentifier(current) && types.includes(current.text)) {66 hasMatch = true;67 } else if (!hasMatch && !ts.isTypeLiteralNode(current)) {68 current.forEachChild(walk);69 }70 })(typeNode);71 }72 return hasMatch;...

Full Screen

Full Screen

wrapped-symbol.ts

Source:wrapped-symbol.ts Github

copy

Full Screen

1import ts from "typescript";2export class WrappedSymbol {3 typeChecker: ts.TypeChecker;4 symbol: ts.Symbol;5 constructor(typeChecker: ts.TypeChecker, symbol: ts.Symbol) {6 this.typeChecker = typeChecker;7 this.symbol = symbol;8 }9 public get isFunctionDeclaration(): boolean {10 if (this.symbol.valueDeclaration) {11 return ts.isFunctionDeclaration(this.symbol.valueDeclaration);12 }13 return false;14 }15 public get isModuleDeclaration(): boolean {16 if (this.symbol.valueDeclaration) {17 return ts.isModuleDeclaration(this.symbol.valueDeclaration);18 }19 return false;20 }21 public get exports(): WrappedSymbol[] {22 const exports: WrappedSymbol[] = [];23 if (this.symbol.exports) {24 this.symbol.exports.forEach((sym, _) => {25 exports.push(26 new WrappedSymbol(this.typeChecker, sym).aliasedSymbolIfNecessary27 );28 });29 }30 return exports;31 }32 public get aliasedSymbolIfNecessary(): WrappedSymbol {33 if ((this.symbol.flags & ts.SymbolFlags.Alias) !== 0) {34 const newSymbol: ts.Symbol = this.typeChecker.getAliasedSymbol(35 this.symbol36 );37 return new WrappedSymbol(this.typeChecker, newSymbol);38 }39 return this;40 }41 public get comment(): string {42 return ts.displayPartsToString(43 this.symbol.getDocumentationComment(this.typeChecker)44 );45 }46 public get name(): string {47 return this.symbol.getName();48 }49}50// interface DocEntry {51// name?: string;52// fileName?: string;53// documentation?: string;54// type?: string;55// constructors?: DocEntry[];56// parameters?: DocEntry[];57// returnType?: string;...

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { typeChecker } from 'storybook-root';2import { typeChecker } from 'storybook-root';3import { typeChecker } from 'storybook-root';4import { typeChecker } from 'storybook-root';5import { typeChecker } from 'storybook-root';6import { typeChecker } from 'storybook-root';7import { typeChecker } from 'storybook-root';8import { typeChecker } from 'storybook-root';9import { typeChecker } from 'storybook-root';10import { typeChecker } from 'storybook-root';11import { typeChecker } from 'storybook-root';12import { typeChecker } from 'storybook-root';13import { typeChecker } from 'storybook-root';14import { typeChecker } from 'storybook-root';15import { typeChecker } from 'storybook-root';16import { typeChecker } from 'storybook-root';17import { typeChecker } from 'storybook-root';18import { typeChecker } from 'storybook-root';19import { typeChecker } from 'storybook-root';20import { typeChecker } from 'storybook-root';

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { typeChecker } from 'storybook-root-decorator';2import { configure } from '@storybook/react';3import { addDecorator } from '@storybook/react';4import { typeChecker } from 'storybook-root-decorator';5const req = require.context('../src', true, /\.stories\.js$/);6function loadStories() {7 req.keys().forEach(filename => req(filename));8}9addDecorator(typeChecker);10configure(loadStories, module);11import { addDecorator } from '@storybook/react';12import { typeChecker } from 'storybook-root-decorator';13addDecorator(typeChecker);14const path = require('path');15const rootDir = path.resolve(__dirname, '..');16const rootDecorator = path.resolve(rootDir, 'storybook-root-decorator');17module.exports = (baseConfig, env, defaultConfig) => {18 defaultConfig.module.rules.push({19 loaders: [require.resolve('@storybook/addon-storysource/loader')],20 });21 defaultConfig.resolve.alias = {22 };23 return defaultConfig;24};25import '@storybook/addon-actions/register';26import '@storybook/addon-knobs/register';27import '@storybook/addon-storysource/register';28{29 "compilerOptions": {30 },31}32module.exports = {33};34{35}36{

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const { typeChecker } = require('storybook-root');2const { typeChecker } = require('storybook-root');3const { typeChecker } = require('storybook-root');4const { typeChecker } = require('storybook-root');5const { typeChecker } = require('storybook-root');6const { typeChecker } = require('storybook-root');7const { typeChecker } = require('storybook-root');8const { typeChecker } = require('storybook-root');9const { typeChecker } = require('storybook-root');10const { typeChecker } = require('storybook-root');

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { typeChecker } from 'storybook-root'2const typeChecker = typeChecker({a: 'string', b: 'number', c: 'boolean'});3typeChecker({a: 'string', b: 'number', c: 'boolean'});4typeChecker({a: 'string', b: 'number', c: 'boolean', d: 'string'});5typeChecker({a: 'string', b: 'number'});6typeChecker({a: 'string', b: 'number', c: 'boolean', d: 'string', e: 'string'});7typeChecker({a: 'string', b: 'number', c: 'boolean', d: 'string', e: 'string', f: 'string'});8typeChecker({a: 'string', b: 'number', c: 'boolean', d: 'string', e: 'string', f: 'string', g: 'string'});9typeChecker({a: 'string', b: 'number', c: 'boolean', d: 'string', e: 'string', f: 'string', g: 'string', h: 'string'});10typeChecker({a: 'string', b: 'number', c: 'boolean', d: 'string', e: 'string', f: 'string', g: 'string', h: 'string', i: 'string'});11typeChecker({a: 'string', b: 'number', c: 'boolean', d: 'string', e: 'string', f: 'string', g: 'string', h: 'string', i: 'string', j: 'string'});12typeChecker({a: 'string', b: 'number', c: 'boolean', d: 'string', e: 'string', f: 'string', g: 'string', h: 'string', i: 'string', j: 'string', k: 'string'});13typeChecker({a: 'string', b: 'number', c: 'boolean', d: 'string', e: 'string', f: 'string', g: 'string', h: '

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { typeChecker } from 'storybook-root'2const test = () => {3 const type = typeChecker('string')4 console.log(type)5}6test()7import { typeChecker } from 'storybook-root'8const test = () => {9 const type = typeChecker(1)10 console.log(type)11}12test()13import { typeChecker } from 'storybook-root'14const test = () => {15 const type = typeChecker(true)16 console.log(type)17}18test()19import { typeChecker } from 'storybook-root'20const test = () => {21 const type = typeChecker(undefined)22 console.log(type)23}24test()25import { typeChecker } from 'storybook-root'26const test = () => {27 const type = typeChecker(null)28 console.log(type)29}30test()31import { typeChecker } from 'storybook-root'32const test = () => {33 const type = typeChecker({})34 console.log(type)35}36test()37import { typeChecker } from 'storybook-root'38const test = () => {39 const type = typeChecker([])40 console.log(type)41}42test()43import { typeChecker } from 'storybook-root'44const test = () => {45 const type = typeChecker(() => {})46 console.log(type)47}48test()49import { typeChecker } from 'storybook-root'50const test = () => {51 const type = typeChecker(Symbol())52 console.log(type)53}54test()55import { type

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const { typeChecker } = require('storybook-root');2const {string} = require('prop-types');3const test = () => {4 typeChecker({test: 'string'}, {test: string});5};6test();7MIT © [Shubham Saini](

Full Screen

Full Screen

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.

LambdaTest Learning Hubs:

YouTube

You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.

Run storybook-root automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

... View sample repo... View DocumentationSign up Free
›
_

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

...
Sign up with GoogleSign up with Email
Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful